Describe how server components are rendered.
On the server, Next.js uses React's APIs to orchestrate rendering. The rendering work is split into chunks:
by individual route segments
and Suspense Boundaries.
Each chunk is rendered in two steps:
React renders Server Components into a special data format called the React Server Component Payload (RSC Payload).
Next.js uses the RSC Payload and Client Component JavaScript instructions to render HTML on the server.
Then, on the client:
The HTML is used to show a fast non-interactive preview of the route immediately - this is for the initial page load only.
The React Server Components Payload reconciles the Client and Server Component trees and updates the DOM.
The JavaScript instructions hydrate Client Components and make the application interactive.