Create UI that is shared across routes

Organize routes without affecting URL paths

Render multiple pages in the same layout

Open a detail route as a modal during navigation while preserving the shareable URL

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

Cache the rendered output of a route segment

Cache the rendered output of an individual React Server Component

Cache the computed result of a regular function

Cache data at runtime with use cache: remote in dynamic contexts

Cache user-specific data with use cache: private using cookies and headers

Create inline visual feedback for link interactions

Use animations to help users understand the relationship between the two views

Pass context between Client Components that cross Server/Client Component boundary