Many of the largest sites on the web stream back responses in chunks to help improve the speed of the initial response. Google and other crawlers can index streamed content.
Streaming in Next.js breaks down HTML into chunks for progressive loading, allowing parts of the page to display sooner, improving TTFB, FCP, and TTI, especially on slower devices.
Next.js, along with React Suspense, supports streaming UI components. Out-of-order streaming enhances user experience by rendering parts of the UI sequentially for faster perceived load times.
React's component model works well with streaming, sending higher-priority components first for earlier hydration. Lower-priority components can be sent after fetching data, maintaining performance.
Collection
[
|
...
]