Real World Example

A Seller Dashboard Like Amazon Seller Central

Seller dashboards show many independent widgets (sales today, pending orders, low stock, payouts) and open details in side panels without losing the dashboard. Parallel and intercepting routes model this directly:

app/seller/
├── layout.tsx                      {children} {sales} {lowStock} {panel}
├── page.tsx                        overview
├── @sales/page.tsx                 sales chart (slow query, own loading.tsx)
├── @lowStock/page.tsx              products with stock < 5
├── @panel/
│   ├── default.tsx                 null
│   └── (.)orders/[id]/page.tsx     order details in a side panel
└── orders/[id]/page.tsx            full order page on reload

Benefits

  • Each widget streams independently: a slow sales query does not block the low-stock list.
  • An error in one widget shows only that widget's error.tsx.
  • Order details have a real URL (/seller/orders/ORD-1001) that support staff can share.