Careeroza
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 reloadBenefits
- 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.