The frontend for Naaviq — an open source AI agent platform. Build and deploy agents for voice calls, web chat, and WhatsApp using a visual drag-and-drop graph editor.
- Visual agent builder — drag-and-drop graph editor powered by React Flow
- Multi-channel — voice, chat, and WhatsApp from one interface
- BYOK management — bring and manage your own API keys for every provider
- Live session debugger — watch your agent think in real time
- Next.js 15 (App Router)
- TypeScript
- Tailwind CSS v4
- shadcn/ui
- React Flow
- TanStack Query
- Zustand
- Node.js 25+ (via nvm)
- pnpm 10+
- Naaviq backend running on port 8000
# 1. Clone
git clone git@github.com:chandradot99/naaviq-web.git
cd naaviq-web
# 2. Use correct Node version
nvm use
# 3. Install dependencies
pnpm install
# 4. Configure environment
cp .env.example .env.local
# Edit .env.local — set NEXT_PUBLIC_API_URL if your backend runs elsewhere
# 5. Start dev server
pnpm devOpen http://localhost:3000.
| Variable | Default | Description |
|---|---|---|
NEXT_PUBLIC_API_URL |
http://localhost:8000 |
URL of the Naaviq backend API |
This frontend requires the Naaviq backend. See that repo for setup instructions.
MIT