Next.js Partial Prerendering Combines CDN Static Shells with Live-Streamed Dynamic Content
Next.js Partial Prerendering (PPR) splits a page into a static HTML shell served instantly from the CDN edge and dynamic Suspense-wrapped sections streamed from the origin within the same HTTP response. The static shell is generated at build time and contains layout elements like navigation and footers, while personalized or real-time content such as inventory badges and recommendations loads moments later. PPR is enabled incrementally via a single config flag and a per-route export, requiring no changes to existing Server Components or Suspense patterns. It addresses the longstanding tradeoff between ISR staleness and full-page origin latency for pages that are mostly static with isolated dynamic sections. PPR pairs well with Next.js's use cache directive, which memoizes origin renders inside Suspense boundaries, giving developers CDN-speed delivery for shells and fresh data for dynamic islands.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)
Log in to join the discussion and vote.
Log in