Streaming SSR
ELI5 — The Vibe Check
Streaming SSR sends HTML to the browser in chunks as it's generated, instead of waiting for the entire page to be ready. The header and navigation arrive instantly. The main content streams in as data loads. The footer shows up last. The user sees a progressively loading page instead of staring at a blank screen for 3 seconds. It's like serving a meal course by course instead of making everyone wait for dessert before bringing the appetizer.
Real Talk
Streaming Server-Side Rendering uses HTTP chunked transfer encoding to send HTML progressively as it's generated on the server. React 18's renderToPipeableStream and frameworks like Next.js, Remix, and Nuxt support streaming with Suspense boundaries that define which parts of the page can load independently. This improves Time to First Byte (TTFB) and First Contentful Paint (FCP) while still allowing slow data fetches for below-the-fold content.
When You'll Hear This
"Enable streaming SSR so the header renders while the data-heavy section loads." / "Streaming SSR improved our TTFB from 2.1s to 0.3s."
Related Terms
Hydration
Hydration is when a server-rendered HTML page comes alive in the browser.
Server Components
Server components are React components that run on the server and never ship JavaScript to the browser.
Suspense
Suspense is React's way of saying 'hold on, something is loading, show this placeholder instead of crashing.
TTFB (Time to First Byte)
How long it takes from clicking a link to receiving the very first byte of data from the server.