Static and Dynamic Rendering with Next.js

Rendering strategy determines how fresh your content is and how fast it loads. Next.js lets you choose per route.

Static generation (SSG)

Content that rarely changes — docs, marketing pages, blog posts — can be pre-rendered to HTML at build time and served instantly from a CDN.

Server-side rendering (SSR)

For personalised or frequently changing data, render on the server at request time. The trade-off is latency, so combine it with caching when you can.

Incremental static regeneration

ISR lets static pages gracefully age by revalidating in the background, so you get CDN speed with eventually-consistent freshness.

Wrapping up

Match the strategy to the data's freshness needs, and you get fast sites that still feel live.