This video is a comprehensive, full-stack tutorial on building "Spotlight," a SaaS platform that empowers marketers and business owners to leverage AI voice agents in their webinars. This isn't just a simple portfolio project; it's a production-grade application designed to help users automate sales processes, qualify leads, and book appointments. The tutorial provides a complete walkthrough, from the initial project demo to final deployment.
Key functionalities include:
- User Authentication: A secure login system using Clerk.
- Payment Integration: Connecting a Stripe account to handle payments and subscriptions.
- AI Agent Creation: Building custom AI agents with Vapi AI to handle sales calls and customer interactions.
- Webinar Management: Creating and managing webinars with different call-to-action flows (e.g., "Buy Now" and "Book a Call").
- Live Streaming: Integrating Stream to provide a seamless, production-grade streaming experience with chat and real-time features.
- Database & Deployment: Setting up a scalable database with Prisma and Neon DB, and deploying the application on a Hostinger VPS using Docker and Coolify for a simplified CI/CD pipeline.
The video is a deep dive into modern SaaS development, providing both technical instructions and business insights to help you get your product to market and generate revenue.
Timestamps:
- 00:39 - Spotlight Demo
- 01:20 - What is Vapi
- 03:20 - Project Demo & Authentication with Clerk
- 03:52 - Creating the First AI Agent with Vapi AI
- 04:35 - Building the Webinar Paywall
- 04:58 - Exploring Webinar Flows (Buy Now vs. Book a Call)
- 08:50 - Adding an AI Agent to Breakout Rooms
- 09:39 - Deploying the SaaS on a Custom VPS
- 10:27 - Setting Up the YouTube Kit (Boilerplate Code)
- 18:43 - Deep Dive into Clerk Authentication
- 29:57 - Figma Design & Theming
- 34:19 - Vapi AI's Special Offer for the Prodigies Community
- 34:55 - Prisma Database Setup
- 42:45 - Setting Up Neon DB
- 51:42 - Building the Sidebar & Folder Structure
- 01:19:58 - Creating a Webinar with the Modal
- 02:42:13 - Building the Webinars Page
- 02:57:28 - Pipelines Page
- 03:16:03 - Leads & Settings Page
- 03:26:48 - Stripe Connect Setup
- 03:51:33 - Building the Subscription Modal
- 05:21:53 - Stream Integration Setup
- 06:39:11 - Connecting OBS for Streaming
- 07:51:55 - Vapi AI Integration
- 09:25:19 - Docker Setup
- 09:28:48 - Deployment on Hostinger VPS
