RevalidatePath, I can't figure the correct path.

[balmy brook]

In the attached image below you can see my folder structure, I want to revalidate the cached images in text-to-image layout.

This is my route handler code.

route.ts

import { revalidatePath } from "next/cache";
import { NextResponse } from "next/server";

export async function GET() {
  revalidatePath("/[locale]/(products)/text-to-image", "layout");
  console.log("revalidating images");
  return NextResponse.json({ revalidated: true, now: Date.now() });
}

Am I missing something?

it works fine if I want to revalidate everything using revalidatePath("/", "layout").

[loud plank]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[balmy brook]

using revalidateTag instead solved my problem.

import { revalidateTag } from "next/cache";
import { NextResponse } from "next/server";

export async function GET() {
  revalidateTag("gallery");
  console.log("revalidating images");
  return NextResponse.json({ revalidated: true, now: Date.now() });
}

and in the fetch api I added tags

  const res = await fetch(
      `https://${process.env.API_URL}/api/Gallery?${query} `,
      {
        method: "GET",
        headers,
        redirect: "follow",
        next: {          
          tags: ["gallery"],
        },
      },
    );