Rendering Modes

Explore different Next.js rendering strategies

Static (SSG)

Pre-rendered at build time. Fastest initial load, cached on CDN.

generateStaticParams()

Server (SSR)

Rendered on each request. Always fresh data, slightly slower.

connection() / dynamic

Incremental (ISR)

Static with background revalidation. Balance of speed and freshness.

revalidate: 60

Streaming

Progressive rendering with Suspense. Fast shell, streamed content.

<Suspense> + loading.tsx