This is a Next.js project with TypeScript, Tailwind CSS, and shadcn/ui components, designed to integrate with v0 templates. The project includes a comprehensive insurance agency and agent management system with features for commission tracking, vault rules, debt management, and vesting schedules.
- Next.js 15.5 with App Router
- TypeScript for type safety
- Tailwind CSS for styling
- shadcn/ui components with Radix UI primitives
- React Hook Form with Zod validation
- Recharts for data visualization
- Lucide React icons
The v0 template includes:
- Agency metrics and performance tracking
- Commission logging and management
- Agent management and vault assignments
- Debt overview and chargeback processing
- Balance cards showing current financial status
- Book of business overview
- Recent commissions tracking
- Debt alerts and management
- Vault rules configuration
- Vesting schedule processing
- Automated debt calculations
https://aegis-insurance.pages.dev/
- Install dependencies:
npm install- Run the development server:
npm run dev- Open your browser: Navigate to http://localhost:3000 to see the application.
src/
├── app/ # Next.js App Router pages
│ ├── agency/ # Agency-specific pages
│ ├── agent/ # Agent-specific pages
│ └── globals.css # Global styles
├── components/ # React components
│ ├── agency/ # Agency dashboard components
│ ├── agent/ # Agent dashboard components
│ └── ui/ # Reusable UI components (shadcn/ui)
├── lib/ # Utility functions and types
└── data/ # Mock data files
- Build:
npm run build - Start production:
npm start - Lint:
npm run lint
The project uses shadcn/ui components which can be customized via:
src/app/globals.cssfor global stylestailwind.config.jsfor Tailwind configurationcomponents.jsonfor shadcn/ui configuration
This project was initialized with a v0 template that provides a complete insurance agency management system. The template includes pre-built components, mock data, and routing structure for both agency and agent dashboards.