App Router

on

By

Adapted by

acme.com

/

Examples

Layouts

Create UI that is shared across routes

Grouped Layouts

Organize routes without affecting URL paths

Parallel Routes

Render multiple pages in the same layout

File Conventions

Create meaningful Loading UI for specific parts of an app

Create Error UI for specific parts of an app

Create Not Found UI for specific parts of an app

Data Fetching

Streaming with Suspense

Streaming data fetching from the server with React Suspense

Generate static pages

Server-render pages

Incremental Static Regeneration

Get the best of both worlds between static & dynamic

Components

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

A collection of useful App Router code snippets

By

Adapted by