Skip to main content
The vatel-full-stack repository is a small whitelabel-style demo (“Agents Acme Inc”) for the Vatel platform. It is a good reference when you want a full UI—not just a single-page snippet—for agents, live voice sessions, call history, transcripts, and recordings.

Repository on GitHub

Source, README, and issue tracker for the demo application.

JavaScript SDK

The demo uses the official Vatel SDK from npm.

Session token

Short-lived credentials for browser or server-initiated sessions.

Calls API

List calls, fetch a call, and download recordings from your organization.

​
What you get

  • Agents — Create and edit voice agents (prompt, voice, model).
  • Calls — Start a live voice session from an agent page.
  • History — List past calls, open a call for transcript and recording playback.

​
Prerequisites

  • Node.js 20 or newer
  • npm
  • A Vatel API key from your Vatel account

​
Setup

1

Clone and install

git clone https://github.com/Devpro-Software/vatel-full-stack.git
cd vatel-full-stack
npm install
2

Configure the API key

Copy the example environment file and set your key:
cp .env.local.example .env.local
In .env.local, set VATEL_API_KEY to your organization API key. The template file defines a single empty VATEL_API_KEY= line you should fill in.
3

Run locally

npm run dev
Open http://localhost:3000. If you see auth or “missing key” errors, confirm VATEL_API_KEY, save .env.local, and restart the dev server.

​
Quality checks

From the project root: 
npm run build
npm run lint

​
Tech stack

Next.js, React, TypeScript, Tailwind, and the @vatel/sdk package. Use this repo as a starting point for your own branded console or internal tools, then swap copy, styling, and routing to match your product. If you only need a minimal Next.js walkthrough (server action for POST /v1/session-token, WebSocket session, and mic streaming without the full app shell), see Next.js. For WebRTC in the browser with WebRTCSession, see WebRTC (browser).