NextLab

Renderowanie

Sześć widocznych przykładów sposobów renderowania w Next.js.

Streaming

Strona wysyła nagłówek od razu, a SlowServerComponent jest doczytywany później przez Suspense. loading.tsx pokazuje stan ładowania całej trasy. Mechanizmy: src/app/rendering/streaming/page.tsx oraz src/app/rendering/streaming/loading.tsx.

Zakres demonstracji

  • Suspense
  • loading.tsx
  • asynchroniczny Server Component
  • progresywne wysyłanie HTML

Widoczne od razu

Ten fragment strony nie czeka na wolny komponent.

Ładowanie wolnego fragmentu…