Next.jshard

Static vs dynamic rendering — how do you force a route to be dynamic and why?

Answer

If a route depends on per-request data (cookies/headers/auth), it must be dynamic. You can force it by using `fetch(..., { cache: 'no-store' })`, reading `cookies()/headers()`, or setting `export const dynamic = 'force-dynamic'`.

Related questions

Next.js

App Router data fetching: what do `cache: 'no-store'` and `revalidate` change?

#nextjs#fetch#cache

Next.js

Static vs dynamic rendering in the App Router: what makes a route dynamic?

#nextjs#rendering#static

Next.js

Cache invalidation: what do `revalidatePath` and `revalidateTag` do?

#nextjs#cache#revalidate

Next.js

Next.js App Router auth: how do you keep it secure and SSR-friendly?

#nextjs#auth#cookies

Next.js

What does `router.refresh()` do in the App Router (and when use it)?

#nextjs#router#refresh

Next.js

How do you read cookies or headers in a Server Component in Next.js?

#cookies#headers#server-components