Settings
The settings section allows users to manage their account configuration. It uses a dedicated layout with a sidebar for navigating between settings sub-pages.
Route map
Section titled “Route map”| Route | File | Description |
|---|---|---|
/settings | (app)/settings/+page.server.ts | Settings index (redirects to profile) |
/settings/profile | (app)/settings/profile/+page.svelte | Edit display name, bio, avatar |
/settings/account | (app)/settings/account/+page.svelte | Email, username, account actions |
/settings/security | (app)/settings/security/+page.svelte | Password, two-factor authentication |
/settings/privacy | (app)/settings/privacy/+page.svelte | Visibility, blocking, data controls |
/settings/notifications | (app)/settings/notifications/+page.svelte | Notification preferences |
/settings/social | (app)/settings/social/+page.svelte | Social media links |
All routes are protected (authentication + onboarding required).
Layout
Section titled “Layout”The settings section has its own +layout.svelte and +layout.server.ts at (app)/settings/. The layout renders a sidebar with links to each sub-page, nested inside the main app shell.
Profile settings (/settings/profile)
Section titled “Profile settings (/settings/profile)”Allows users to update their public profile information:
- Display name (first name, last name)
- Username
- Bio / about text
- Profile avatar upload
- Cover image
Account settings (/settings/account)
Section titled “Account settings (/settings/account)”Manages core account details:
- Email address
- Username changes
- Account deletion or deactivation
Security settings (/settings/security)
Section titled “Security settings (/settings/security)”Password and authentication management:
- Change password
- Enable/disable two-factor authentication (2FA)
- Active sessions management
Privacy settings (/settings/privacy)
Section titled “Privacy settings (/settings/privacy)”Controls who can see and interact with the user’s content:
- Profile visibility (public, followers-only, private)
- Who can send messages
- Who can see activity status
- Blocked users management
- Data export/download
Notification settings (/settings/notifications)
Section titled “Notification settings (/settings/notifications)”Granular control over notification delivery:
- Email notification preferences
- Push notification preferences
- Per-category toggles (follows, likes, comments, mentions, system)
Social settings (/settings/social)
Section titled “Social settings (/settings/social)”Manage linked social media profiles and external links displayed on the user’s profile page.