Recipe: Dashboard
Compose the dashboard shell with data-dense components such as Table and Card for at-a-glance metrics.
Steps
- Mount DashboardLayout at the route segment that requires the app chrome.
- Keep the main region scrollable; place filters in Card headers and tabular data in Table.
- Pair with client-side sort hooks when users need column sorting on large datasets.
Preview
SprySpry
Team control center
Deployments
Latest activity across services
| Service | Status |
|---|---|
| API | Healthy |
| Workers | Degraded |
app/(app)/dashboard/page.tsx