Rendering Strategies (App Router)

Priority: P0 (CRITICAL)

Choose rendering strategy based on data freshness and scaling needs. See Strategy Matrix.

Workflow: Choose Rendering Strategy

1. Determine data freshness — Static content? Use SSG. Periodic updates? Use ISR. Personalized? Use SSR.
2. Configure fetch — force-cache for SSG, revalidate: N for ISR, no-store for SSR.
3. Add Suspense for streaming — Wrap slow components in <Suspense> with fallback.
4. Enable PPR if hybrid — Set ppr: true in next.config.js for static shell + dynamic regions.

ISR with generateStaticParams Example

See implementation examples

Implementation Guidelines