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