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
/
main layout

(Client Component)

Home

(Client Component)

Electronics

(Client Component)

Clothing

(Client Component)

Books(Client Component) Checkout(Client Component) Blog
children
Route Groups
  • This example uses Route Groups to create layouts for different sections of the app without affecting the URL structure.
  • Route groups can be used to:
    • Opt a route segment out of a shared layout.
    • Organize routes without affecting the URL structure.
    • Create multiple root layouts by partitioning the top level of the application.
Created by the Next.js team at Vercel. View the code or deploy your own.