Blending Static Speed with Dynamic Personalization
Historically, web developers had to choose between Static Site Generation (SSG) for blistering speeds or Server-Side Rendering (SSR) for live, personalized data. Next.js 15 breaks this trade-off with Partial Prerendering (PPR).
What is Partial Prerendering?
PPR allows you to prerender a static "shell" of a page at build time while leaving holes for dynamic content that is fetched asynchronously at runtime. The static shell is delivered instantly, and dynamic elements stream in immediately as the server completes their execution.
How it Works Under the Hood
Next.js utilizes React Suspense boundaries to determine which sections are static and which are dynamic. Any component wrapped inside a <Suspense> boundary that performs dynamic operations (like fetching cookies, headers, or uncached data) is deferred, while the surrounding layout is prerendered instantly.