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.
Click a tab above to see how the content area updates while the layout persists