renderToPipeableStream în ReactDOM Server în React & Next.js

Streaming progresiv în Node.js

Este metoda recomandată oficial pentru serverele Node.js (Express, Fastify). Oferă două callback-uri critice: onShellReady (pentru utilizatori normali, trimițând shell-ul inițial imediat) și onAllReady (pentru crawlere web și roboți SEO care au nevoie de întregul HTML dintr-o dată).

import { renderToPipeableStream } from 'react-dom/server';
import App from './App';

app.get('/', (req, res) => {
  const { pipe } = renderToPipeableStream(<App />, {
    onShellReady() {
      res.setHeader('content-type', 'text/html');
      pipe(res);
    }
  });
});