Next.js Streaming

Expert guidance on streaming in Next.js — Suspense boundaries, loading.js, static shell, progressive rendering, Web Vitals, and infrastructure requirements.

@doc-version: 16.2.6

Core Concepts

Streaming ส่ง HTML เป็น chunks ทีละส่วน — browser เริ่ม render ขณะ server ยังสร้าง content ที่เหลือ:

• Static parts (layouts, nav, fallbacks) ส่งทันที
• Dynamic parts stream เข้ามาเมื่อ resolve
• แต่ละ <Suspense> boundary = independent streaming point

How It Works

Request Flow