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
/
(Client Component) Home(Client Component)Electronics(Client Component)Clothing(Client Component)Books
children
Layouts
  • A layout is UI that is shared between multiple pages. On navigation, layouts preserve state, remain interactive, and do not re-render. Two or more layouts can also be nested.
  • Try navigating between categories and sub categories.
Created by the Next.js team at Vercel. View the code or deploy your own.