Streaming SSR pipelines

Summary

Data loaders → React render → HTML stream → browser progressive parse. Backpressure if server generates faster than network drains — pause render or buffer limits. Edge vs Node runtime differences (streams API, timing). Pair with 7.3 Streaming SSR.

Code example

const stream = await renderToReadableStream(<Page />);
const writer = stream.getWriter();

async function pump() {
  const { done, value } = await writer.read();
  if (!done) {
    res.write(value);
    await pump();
  }
}

Key points

• Data loaders → React render → HTML stream → browser progressive parse.
• Backpressure if server generates faster than network drains — pause render or buffer limits.
• Edge vs Node runtime differences (streams API, timing).
• Pair with 7.3 Streaming SSR.

Further reading

• renderToReadableStream
• Streaming SSR

Related concepts

• Backpressure handling
• WebRTC basics