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
0 Clicks (Client Component)
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.
Learn more
Created by the
Next.js
team at
Vercel
.
View the code
or
deploy your own
.