App Router
(WIP)
Menu
Layouts
Nested Layouts
Grouped Layouts
File Conventions
Loading
Error
Not Found
Data Fetching
Streaming with Suspense
Static-Site Generation
Server-Side Rendering
Incremental Static Regeneration
Components
Client Context
Misc
Client Component Hooks
CSS and CSS-in-JS
Code Snippets
By
View code
or
deploy your own
acme.com
/
Examples
Layouts
Nested Layouts
Create UI that is shared across routes
Grouped Layouts
Organize routes without affecting URL paths
File Conventions
Loading
Create meaningful Loading UI for specific parts of an app
Error
Create Error UI for specific parts of an app
Not Found
Create Not Found UI for specific parts of an app
Data Fetching
Streaming with Suspense
Streaming data fetching from the server with React Suspense
Static-Site Generation
Generate static pages
Server-Side Rendering
Server-render pages
Incremental Static Regeneration
Get the best of both worlds between static & dynamic
Components
Client Context
Pass context between Client Components that cross Server/Client Component boundary
Misc
Client Component Hooks
Preview the routing hooks available in Client Components
CSS and CSS-in-JS
Preview the supported styling solutions
Code Snippets
A collection of useful App Router code snippets
By
View code
or
deploy your own