Architecture
Fullstack structure
Frontend: Next.js App Router, TypeScript, Tailwind CSS and reusable React components.
Backend: Next API route handlers under `src/app/api`.
Database: Prisma Client with PostgreSQL for production demo persistence.
Data flow
Browser UI -> Next.js page / client component -> Next API route or server helper -> Prisma Client -> PostgreSQL -> JSON / rendered UI
API routes
- GET /api/models
- GET /api/agents
- GET /api/mcp-servers
- GET /api/skill-packs
- GET /api/skill-packs/[id]
- GET /api/skill-packs/[id]/manifest
- GET /api/recommendations
- GET /api/qa
- GET /api/me
- POST /api/locale
- POST /api/subscription/change