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
/
Layouts
Nested Layouts
Create UI that is shared across routes
Grouped Layouts
Organize routes without affecting URL paths
Streaming with Suspense
Streaming data fetching from the server with React Suspense
File Conventions
Loading
Create meaningful loading UI for specific parts of an app
Error
Create error UI for specific parts of an app
Components
Hooks
Preview the hooks available for Client and Server Components
Client Context
Pass context between Client Components that cross Server/Client Component boundary
Component Tree
components tree
Styling
CSS and CSS-in-JS
Preview the supported styling solutions
Created by the
Next.js
team at
Vercel
.
View the code
or
deploy your own
.