Partial Prerendering

Definition

Fonctionnalite Next.js experimentale combinant une coquille statique (servie depuis le CDN) avec des trous dynamiques remplis en streaming. Le meilleur des deux mondes.

Analogie

Comme un journal avec des encarts pub personnalises : le journal est imprime d'avance, mais les pubs changent par lecteur.

Exemple de code

// La coquille statique est pre-rendue
// Les parties dynamiques sont wrappees dans Suspense
export default function Page() {
  return (
    <StaticHeader />
    <Suspense fallback={<CartSkeleton />}>
      <DynamicCart /> {/* stream dynamique */}
    </Suspense>
  );
}

Cas d'usage

Pages e-commerce avec header statique rapide et panier/prix dynamiques streames.

Termes lies