Build and Deploy a B2B AI SaaS Support Platform | Next.js 15, React, Convex, Turborepo, Vapi, AWS
💻 Source Code: https://cwa.run/echo
🎥 Part 2: • Build and Deploy a B2B SaaS AI Support Pla...
🎨 Free Assets: https://cwa.run/echo-assets
📚 Resources:
Try Vapi: https://cwa.run/echo-vapi
Try Convex: https://cwa.run/echo-convex
Try Clerk: https://cwa.run/echo-clerk
Try Sentry: https://cwa.run/echo-sentry (Get 3 months of Sentry Team for FREE)
Try CodeRabbit: https://cwa.run/echo-rabbit
In this video, we’re building an AI-powered customer support platform from scratch.
You’ll set up real-time AI chat with Convex Agents. Add voice support with VAPI. Upload docs and build a knowledge base with embeddings and RAG. Teach the AI how to escalate to a human or auto-resolve a conversation.
We’ll build workspaces, teams, authentication, and billing with Clerk. You’ll learn how to embed the chat widget, store API keys with AWS, and track errors with Sentry. Every chapter ends with a pull request and a CodeRabbit review.
This isn’t just a demo. It’s a full-stack, production-ready B2B SaaS template. Let’s build Echo 🚀.
Key features:
🤖 Real-time AI Chat using Convex Agents
📣 Human Handoff & Auto-Close using AI Tools
🧠 Smart Knowledge Base using Embeddings and RAG
🔊 Voice Support by VAPI
🔑 API Key Storage by AWS Secrets Manager
👥 Team Management by Clerk
🔐 Authentication by Clerk
💳 Subscription Billing by Clerk
🛠️ Embeddable Widget
📈 Operator Dashboard for Managing Conversations
🧰 Developer Toolkit for Embed Script
🧠 AI Model Support: OpenAI, Anthropic, Grok
🌐 Built with Next.js 15
⚛️ Powered by React 19
🎨 Styled with Tailwind v4
🧩 Components from shadcn/ui
📦 Monorepo managed with Turborepo
🪵 Error Tracking by Sentry
🧑💻 Pull Request Reviews by CodeRabbit
Timestamps
00:00 00 Echo Intro
04:36 01 Setup
38:23 02 Convex Package
01:29:40 03 Clerk Authentication
02:07:34 04 Organizations
02:44:26 05 Error Tracking
03:08:45 06 AI Voice Assistant
03:37:48 07 Dashboard Layout
04:12:24 08 Theme
04:25:02 09 Widget Layout
04:42:58 10 Widget Session
05:24:13 11 Widget Screen Router
05:34:32 12 Widget Loading
06:29:43 13 Conversations
07:00:58 14 AI Agents
08:10:11 15 Infinite Scroll
08:39:59 16 Widget Inbox
09:11:20 17 Dashboard Inbox
10:07:14 18 Dashboard Chat
10:56:01 19 AI Tool Calling
11:48:47 End of Part 1