Voice Agent Starter Kit for Vercel AI SDK 7
Add a realtime voice agent to a Next.js / Vercel app without starting from scratch. This is a working Next.js 16 starter built on the Vercel AI SDK 7 realtime API and AI Gateway. It ships two reference apps you can read, run, and copy: Voice Lab — a guided walkthrough that teaches the realtime voice pipeline step by step, using the ACTUAL source code (sliced out of the app at build time, so it never drifts) and the reasoning behind each decision. Plus a free-play console for poking at the raw session. AcmeCloud portal — a production-style customer dashboard with a docked voice command bar: lazy mic connection, live captions, approval-gated actions, and navigation by voice. This is the pattern to copy into your own SaaS, support portal, internal tool, or dashboard — not a throwaway demo. What's included: - Next.js 16 starter app (App Router, Turbopack) - Vercel AI SDK 7 + AI Gateway realtime token route (server-minted; your key never reaches the browser) - Guided teaching walkthrough (real source, synced at build time) - AcmeCloud production command-bar reference - Approval-gated voice actions + simulated app-context tool handlers - Setup doctor page + copy-paste integration guide - Claude Code / Codex / Copilot install prompts - Real-app voice recipes + a server-side realtime bridge script - Vercel deployment checklist + model & cost comparison guide - Package-safety and route smoke scripts - Vibe-coding quality guide (common AI-generated app pitfalls and fixes) - Setup and troubleshooting docs Requirements: Node.js 22+, a Vercel AI Gateway API key, a Vercel account for deployment, and browser microphone access for live testing.
Get it → clowealex.gumroad.com