Kaip veikia streaming SSR naudojant Suspense Next.js?

Question

Accepted Answer

**Streaming SSR** leidžia serveriui siųsti HTML į naršyklę **dalimis, kai jis paruoštas**, užuot laukus, kol visas puslapis bus perpieštas. Lėti dalys nesustabdo greitų dalių — vartotojas mato turinį nuosekliai. React `` apibrėžia streaming ribas. ## Problema, kurią sprendžia streaming Be streaming, jei vienas skyrius reikalauja lėto duomenų bazės užklausos, **visas puslapis** laukia, kol *bent kuri* HTML bus išsiųsta — vartotojas žiūri į tuščią ekraną. Streaming nedelsdami siunčia apvalkalą ir greitą turinį, tada siunčia lėtas dalis, kai jos baigiasi. ## Suspense naudojimas streaming ```tsx import { Suspense } from "react"; export default function Page() { return ( <>

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

Kaip veikia streaming SSR naudojant Suspense Next.js?

Problema, kurią sprendžia streaming

Suspense naudojimas streaming

loading.tsx yra automatinis Suspense

Kaip streaming padeda pagrindinėms metrikoms

Kodėl tai svarbu