Layouts (Client Component)
Nested Layouts
Grouped Layouts
Streaming with Suspense
Root Layouts soon
File Conventions (Client Component)
Components (Client Component)
Client Context
Component Tree
Styling (Client Component)
CSS and CSS-in-JS
Instant Loading States
  • This example has an artificial delay when "fetching" data for each category page. `loading.js` is used to show a loading skeleton immediately while the category page loads.
  • Shared layouts remain interactive while nested layouts or pages load. Try clicking the counter while children load.
  • Navigation is interruptible. Try navigating to one category, then clicking a second category before the first one has loaded.
Created by the Next.js team at Vercel. View the code or deploy your own.