please provide how you revalidate the specific page

After an entry in the CMS is published the webhook posts the data to the route handler which then gets the slug for the page that has been updated and revalidates that specific slug.

import { revalidatePath } from "next/cache";
import type { NextRequest } from "next/server";

import { getPagePath } from "../../../shared/server";

export async function POST(req: NextRequest) {
  const request = await req.json();
  const { data } = request;

  if (data?.localizations) {
    for (let source of data.localizations) {
      const pagePath = await getPagePath(source?.locale, source?.slug);
      console.log("Revalidating pagePath: ", pagePath);
      if (pagePath) {
        revalidatePath(pagePath);
      }
    }
  }

  return Response.json({ revalidated: true, now: Date.now() });
}

will this be called after an update?

console.log("Revalidating pagePath: ", pagePath);

How does the console output looks like? Do you have an example?

I get a successful revalidate response.

The slug is generated using some extra logic, if a page has a parent page the slug would consist of the pages slug as well as the parent page slug.

Revalidating pagePath:  netzwerk-and-struktur/analytische-chemie/vorstand

Thanks for sharing. Please add a / in front of the path. Like this: /netzwerk-and-struktur/analytische-chemie/vorstand

Thank you, I will give it a try.

when will you try it?

In the next few minutes.

ah sounds great. Give me an update 👍

Still doesn't working if I comment out the revalidate route segment.

These are are the route segments for a page:

export const dynamic = "force-static";
// export const revalidate = 60;
export const dynamicParams = true;
export const experimental_ppr = true;

can you remove those two?

export const dynamicParams = true;
export const experimental_ppr = true;

Also take a look at the network tab when you request the document: what are the headers?

I will give that a go.

Is there specific headers I need to look for?

I should see the changes by just refreshing the page right?

Is there specific headers I need to look for?

not really. Some are there, others are not. Others have different values. ...

I should see the changes by just refreshing the page right?

yes and delete the .next folder

I have been testing on a Vercel deployment.

Don't see the change at all after removing the revalidation route segment with the value of 60.

can you share the headers?

Here they are

thanks for sharing. It looks like you are revalidating the wrong path: (see attached). You are revalidating /netzwerk-and-struktur/... but in this case you access /marketing-jcf. This should be one thing you might want to check.

Isn't there a Cache header with HIT or MISS? Also there should be an Age header (see attached)

Thank you, when the page is accessed it is using the first path and not marketing-jcf. In the generateStaticParams, I am building the page with the full path which I understand is that same as getStaticPaths with the pages router?

I don't see the headers you mention. 🤔

when you take a look at your folder structure: is there the specific path, that you revalidating? And when you visit it, are you on this actual path?
Or is there any rewrite or redirect in between of this?

I don't see the headers you mention. 🤔

pretty weird. Age and Cf-Cache-Status should be hidden, but X-Vercel-Cache should be there...

I am building the page with the full path

yea, you are pre building your pages. You are doing that by providing the dynamic parts and nextjs itself will build all the possible dynamic routes

Could it be related to internalization? I have two locales, the default is DE which shouldn't show up in the path and the other is EN which does.

When pre-building the pages in generateStaticParams, do I need to include the locale for the page?

yea, you should provide all dynamic parts when you build your pages with generateStaticParams. You can easily get them like this:

export async function generateStaticParams() {
    return i18n.locales.map((locale) => ({lang: locale}))
} // add your other parts as well

@American Crocodilesolved?

@B33fb0n3 Still no luck yet. 😦

to solve your thread, can you ask you questions & issues in this thread? That would help us to know where you have issues

Sorry, I got sidetracked from this.

I am generating all full page paths using generateStaticParams

Like this:

export async function generateStaticParams() {
  const { pages } = await withRetry(() => {
    return sdk.getAllPages({
      locale: ILocale.De,
    });
  });

  const promises = [];
  promises.push(modifySlug(ILocale.De, pages));
  await Promise.all(promises);

  console.log("pages: ", pages);

  return pages.map((page: any) => ({
    slug: `${page.slug}`,
  }));
}

As I understand it, if I revalidate the full path I should see the change when refreshing the browser right?

add the locale (your dynamic part could be named different) to your return as well

Then build you app using next build. Check your paths: are they static/dynamic? How do you revalidate them? How do you load the data inside them? What do you expect to happen? Are there any other caches involved?

@American Crocodile we can only help you, if you are active inside your thread. I will leave this thread for now. Ping me inside this thread, when you want to resolve this issue