MENU

Server Component (Streaming)

Streaming in Next.js allows for progressive rendering of UI from the server by breaking work into chunks and streaming them to the client as they are ready.

This enables users to see parts of the page immediately, even before the entire content has finished rendering.

Streaming is integrated into Next.js's App Router by default, improving initial page load performance and handling UI elements that rely on slower data fetches, like product reviews.

Developers can initiate streaming using loading.js and React Suspense components.

Streaming with <Suspense> progressively renders HTML from the server to the client and prioritizes what components to make interactive first based on user interaction.