Layouts (Client Component)
Nested Layouts
Grouped Layouts
Streaming with Suspense
Root Layouts soon
File Conventions (Client Component)
Loading
Error
Components (Client Component)
Hooks
Client Context
Component Tree
Styling (Client Component)
CSS and CSS-in-JS
client-component
/
children
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.