SaaS Webinar Platform With AI Sales Agents - Nextjs 15, Vapi AI, Hostinger, Clerk, Stream, Neon
#Web ProdigiesMay 14, 2025
3124LIKES
3124LIKE
Share
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
