Settings
Settings
User settings pages — Account, Billing, and more.
Overview
Settings live under /settings (or /dashboard/settings depending on routing). Each page handles a specific area:
| Route | Description |
|---|---|
/settings/account | Account-level settings |
/settings/user | User profile (name, email, avatar) |
/settings/billing | Subscription, plan, payment method, invoices |
/settings/connections | Connected accounts (OAuth) |
/settings/notifications | Notification preferences |
/settings/appearance | Theme, dark/light mode |
Billing Settings
app/(dashboard)/settings/billing/page.tsx
- Current plan card
- Upgrade/downgrade
- Manage billing button → Stripe Customer Portal
- Billing history
Components: manage-billing-button.tsx, current-plan-card.tsx, billing-history-card.tsx
Appearance
app/(dashboard)/settings/appearance/page.tsx
- Theme selector (if using theme customizer)
- Dark/light mode toggle via
components/mode-toggle.tsx