What is Streaming?
TL;DR
Progressive HTML rendering that displays content incrementally as it's generated, improving perceived performance.
Streaming in enables progressive HTML rendering, displaying UI incrementally as data loads rather than waiting for all data before rendering.
Suspense boundaries:
<Suspense fallback={<Loading />}>
<AsyncComponent />
</Suspense>
Benefits:
- Faster Time to First Byte (TTFB)
- Improved perceived performance
- Show critical content immediately
- Load secondary content progressively
Frontend Accelerator uses loading.tsx files for automatic Suspense boundaries.
AI-friendly: Explicit loading states make async behavior predictable.