App Directory (WIP)

acme.com
/

Examples

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.js
Create meaningful loading UI for specific parts of an app
error.js
Create error UI for specific parts of an app
head.js
Configure the <head> tag of a route segment
Data Fetching
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
Styling
CSS and CSS-in-JS
Preview the supported styling solutions
By
View code or deploy your own