A SaaS Voice AI Agent platform built with Next.js (App Router), TypeScript, and Tailwind CSS. The app provides operations dashboards, user and agent management, subscriptions, prompts, integrations, and configuration screens aligned with the official design.
- Figma: SaaS Voice AI Agent Platform — UI design reference for this project.
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS, Tailwind Animate
- UI: Radix UI primitives, shadcn-style components (
src/components/ui/), Lucide icons - Forms & validation: React Hook Form, Zod,
@hookform/resolvers - Charts & data: Recharts, date-fns
- Other: next-themes, sonner (toast), cmdk, vaul (drawer), react-resizable-panels
src/app/— Next.js App Router pages and layoutsrc/components/— Feature and shared UI componentssrc/components/ui/— Reusable UI primitives (buttons, cards, dialogs, etc.)src/hooks/— Custom React hooks- Path alias:
@/*→./src/*
- Auth: Sign in, Sign up, Reset password (email + update), Email verification
- Operations: Dashboard (metrics, call analytics, platform usage, system health, heatmap, alerts), User Management, Agents Monitoring (table + per-agent user view), Subscription Management, Prompts Management
- Config: Integrations (with service detail page), Pricing Plans, Email Management, Settings
- Other: Audit Logs, Update success flow
- Layout: Responsive sidebar navigation, header; mobile hamburger menu and overlay
- Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev- Open http://localhost:3000. The root path redirects to
/signin.
| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Production build |
npm run start |
Start production server |
npm run lint |
Run ESLint |
Vercel supports one-click deployment for Next.js. See Next.js deployment docs for details.
Last updated: 2026-03-18