Interview kitsBlog

Your dream job? Lets Git IT.
Interactive technical interview preparation platform designed for modern developers.

XGitHub

Platform

  • Categories

Resources

  • Blog
  • About the app
  • FAQ
  • Feedback

Legal

  • Privacy Policy
  • Terms of Service

© 2026 LetsGit.IT. All rights reserved.

LetsGit.IT/Categories/Next.js
Next.jshard

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

Tags
#ssr#dynamic#cache#cookies
Back to categoryPractice quiz

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'`.

Advanced answer

Deep dive

Expanding on the short answer — what usually matters in practice:

  • Context (tags): ssr, dynamic, cache, cookies
  • Lifecycle: what happens at runtime (render/build, request/response, background jobs).
  • Caching: where cache lives, cache keys, how to invalidate without chaos.
  • Security: authn/authz, secrets, attack surface (SSRF/CSRF).
  • Explain the "why", not just the "what" (intuition + consequences).
  • Trade-offs: what you gain/lose (time, memory, complexity, risk).
  • Edge cases: empty inputs, large inputs, invalid inputs, concurrency.

Examples

A tiny example (an explanation template):

// Example: discuss trade-offs for "static-vs-dynamic-rendering-—-how-do-you-force-a"
function explain() {
  // Start from the core idea:
  // If a route depends on per-request data (cookies/headers/auth), it must be dynamic. You can
}

Common pitfalls

  • Too generic: no concrete trade-offs or examples.
  • Mixing average-case and worst-case (e.g., complexity).
  • Ignoring constraints: memory, concurrency, network/disk costs.

Interview follow-ups

  • When would you choose an alternative and why?
  • What production issues show up and how do you diagnose them?
  • How would you test edge cases?

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