π Step 6: Development#286 / 291
SSR / SSG / ISR
SSR / SSG / ISR
πOne-line summary
Three rendering strategies: per-request, at build time, and incrementally regenerated.
π‘Easy explanation
Next.js's three page-building strategies: per request (SSR), at build time (SSG), or partially regenerated (ISR).
β¨Example
SSRRe-render on every request
SSGPre-render at build time
ISRRegenerate on a schedule
β‘Vibe coding prompt examples
>_
Inside a single page, some parts should be SSG and some SSR. Lay out how to split them in the Next.js App Router.
>_
For a high-traffic event page using ISR, recommend a revalidate cadence and a cache-invalidation strategy.
>_
SSR is getting expensive. Build criteria for which pages can move to SSG.
Try these prompts in your AI coding assistant!