Cum funcționează streaming SSR cu Suspense în Next.js?

Question

Accepted Answer

**Streaming SSR** permite serverului să trimită HTML în browser **în bucăți pe măsură ce sunt gata**, în loc să aștepte să se redea întreaga pagină. Părțile lente nu blochează părțile rapide — utilizatorul vede conținut progresiv. React `` definește limitele streamingului. ## Problema pe care o rezolvă streamingul Fără streaming, dacă o secțiune necesită o interogare lentă a bazei de date, **întreaga pagină** așteaptă înainte ca *orice* HTML să fie trimis — utilizatorul stă în fața unui ecran gol. Streamingul trimite shell-ul și conținutul rapid imediat, apoi streamează părțile lente pe măsură ce se termină. ## Utilizarea Suspense pentru streaming ```tsx import { Suspense } from "react"; export default function Page() { return ( <>

{/* sent immediately */} }> {/* streams independently */} {/* an async Server Component */}

Cum funcționează streaming SSR cu Suspense în Next.js?

Problema pe care o rezolvă streamingul

Utilizarea Suspense pentru streaming

loading.tsx este Suspense automat

De ce streamingul ajută metricile cheie

De ce este important