For this question I have created the following demo Next.js application using the App directory:

1. It has a standard RootLayout in app/layout.tsx.
2. It has a nested Layout in a route group app/(app)/layout.tsx. This layout contains <nav />.
3. It has two server-side rendered pages: app/(app)/a/page.tsx and app/(app)/b/page.tsx.
4. Each page calls getCurrentTime() (defined on app/functions.ts) and then display the render time.

I want each navigation to a page to cause a re-render and run getCurrentTime() again, but I couldn’t make the pages not cache. I’ve tried adding both export const revalidate = 0 and export const dynamic = "force-dynamic" (docs), but couldn’t make it work.

I’m sure it’s pretty basic, but I still couldn’t get the hang of it.

View on StackBlitz