Kako deluje streaming SSR s Suspense v Next.js?

Question

Accepted Answer

**Streaming SSR** omogoča strežniku, da pošlje HTML brskalnik**u v kosih, ko je pripravljen**, namesto da čaka, da se celotna stran prikaže. Počasni deli ne blokirajo hitrih delov — uporabnik vidi vsebino postopoma. React `` definira meje streaminga. ## Problem, ki ga streaming rešuje Brez streaminga, če en razdelek potrebuje počasno poizvedbo v bazo podatkov, **cela stran** čaka nanjo, preden se *kakršen koli* HTML pošlje — uporabnik se gleda v prazna zaslon. Streaming pošlje lupino in hitro vsebino takoj, nato pa streamira počasne dele, ko so končani. ## Uporaba Suspense za streaming ```tsx import { Suspense } from "react"; export default function Page() { return ( <>

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

Kako deluje streaming SSR s Suspense v Next.js?

Problem, ki ga streaming rešuje

Uporaba Suspense za streaming

loading.tsx je avtomatski Suspense

Zakaj streaming pomaga pri ključnih merikah

Zakaj je to pomembno