Streaming & Suspense

Why wait for the whole page to be ready? With Streaming, the server "Streams" the UI chunks to the browser as soon as they are ready. Suspense allows you to show a loading skeleton for specific parts of the page without blocking others.

1. How Streaming works

The server sends the static HTML (Navbar, Layout) immediately. It keeps the HTTP connection open. When the "Comments" data finally arrives from the DB, the server sends that chunk of HTML, and the browser "PoPs" it into the correct place. This provides the best perceived performance.

2. Suspense Boundaries

Wrap your slow components in <Suspense>. React handles the rest.

}>
    

4. Interview Mastery

Q: "What is 'Partial Prerendering' (PPR)?"

Architect Answer: "PPR is a bleeding-edge feature that combines the best of SSG and Streaming. It allows Next.js to pre-render the 'Static' parts of a page at build time but keep 'Dynamic' holes (Suspense boundaries) that are filled in at runtime. It is the ultimate optimization, providing instant 0ms loads for layout with streaming for content."