👤 Account Settings

Database Server Actions Auth Required

Module ID: @saas/account | Version: 1.0.0

User profile, password change, and danger-zone (delete account) settings module for the @saas stack.

Installation

npx shadcn@latest add @saas/account

Dependencies

• @saas/auth

Routes

• (dashboard)/dashboard/settings/page.tsx

Server Actions

• actions/account.ts

Database Tables

• users

Post-Install Steps

Step 1 (manual): Wire the settings route into the dashboard sidebar navigation (nav-main.tsx or app-sidebar.tsx) by adding a link to '/dashboard/settings'.

Step 2 (manual): Ensure auth primitives (lib/permissions.ts, lib/password.ts, lib/db.ts, lib/schema.ts with usersTable) are present — this module depends on them.

Live Demo

https://your-app.zeabur.app/dashboard/settings Open ↗

🖥️

Account Settings — Live Demo

Configure your deployed Next.js app URL via the VITEPRESS_DEMO_BASE environment variable, then rebuild to enable live iframe embeds.

View demo at https://your-app.zeabur.app/dashboard/settings

API Demonstration

GET/api/healthGET /api/healthGET /api/auth/sessionPOST /api/auth/signin

Base URL (your deployed Next.js app)

Authorization Header (optional)

Try in Live App →

Server Actions note: Server Actions ("use server") are not callable cross-origin. Use the "Try in Live App" link above to interact with them.