See how layouts persist while content streams in
Rendered once and stays mounted. Contains the navigation tabs and shared UI.
Client Component that handles route changes. Stays interactive during content loading.
Server Component that fetches new data. Only this part re-renders and streams.
💡 Partial Rendering
When you navigate between pages, Next.js only re-renders the parts that changed (the page content), while keeping shared layouts mounted. This makes navigation feel instant and preserves client state in the layout.
Physical Attributes
Server Component Rendered
This content was fetched and rendered on the server. Loaded at 2:37:50 PM. The layout above stayed mounted during this fetch.