Streaming SSR

Définition

Le serveur envoie le HTML en flux continu au lieu d'attendre la page entière ; les parties lentes (sous Suspense) arrivent au fur et à mesure. Depuis React 19.2 (1er octobre 2025), React regroupe la révélation des frontières Suspense proches dans le temps (Suspense batching) pour éviter les affichages saccadés, et les API Web Streams (renderToReadableStream, prerender, résume) fonctionnent aussi sous Node.js.

Analogie

Comme regarder un match en streaming : tu vois l'action en direct au lieu d'attendre que l'enregistrement soit complet.

Exemple de code

// Next.js App Router avec Suspense
export default function Page() {
  return (
    <main>
      <Header /> {/* envoye immediatement */}
      <Suspense fallback={<Skeleton />}>
        <SlowDataSection /> {/* stream quand pret */}
      </Suspense>
    </main>
  );
}

Cas d'usage

Pages avec des sections de vitesses différentes : le header s'affiche vite, les données arrivent en stream.

Termes liés

Sources

• react.dev/blog/2025/10/01/react-19-2