Account Settings Demo
The @saas/account module provides user profile management: display name, password change, and account deletion.
Module: @saas/account · Route: /dashboard/settings · Docs · Install Guide
Live Demo
🖥️
Account Settings — Live Demo
View demo at https://your-app.zeabur.app/dashboard/settings Configure your deployed Next.js app URL via the VITEPRESS_DEMO_BASE environment variable, then rebuild to enable live iframe embeds.
Features
| Feature | Component | Server Action |
|---|---|---|
| Profile Form | profile-form.tsx | updateProfile() |
| Password Change | password-form.tsx | changePassword() |
| Delete Account | delete-account-form.tsx | deleteAccount() |
Server Actions
Test the account Server Actions in the live demo above, or see the API Reference for signatures.
Security
- Password change requires the current password for verification
- Account deletion is irreversible — a confirmation prompt is shown
- All actions call
requireRole('viewer')— any authenticated user can manage their own account - Users cannot modify other users' accounts (user ID is derived from session, never from request body)