Build an LMS SaaS app from scratch featuring user authentication, subscriptions, and payments using Next.js, Supabase & Stripe! You'll build and deploy a real-time teaching platform with Vapi, integrate an AI vocal agent, and deliver interactive learning sessions.
Vapi: https://jsm.dev/converso-vapi | JSMASTERY200 coupon for extra 200 free minutes
Clerk: https://jsm.dev/converso-clerk
Junie AI: https://jsm.dev/converso-junie
WebStorm: https://jsm.dev/converso-webstorm
Sentry: https://jsm.dev/converso-sentry
🎁 Video Kit (Code, Design, Repo, Guide): https://jsm.dev/converso-kit
📘 TailwindCSS Crash Course: https://jsm.dev/converso-tailwind
⭐ Join JS Mastery Pro: https://jsm.dev/converso-jsmpro
💎 Next.js Pro Course: https://jsm.dev/converso-nextjs
🚀 Build & Launch Your SaaS in 7 Days: https://jsm.dev/converso-saas
https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery
Business Inquiries: contact@jsmastery.pro
Time Stamps:
00:00:00 — Introduction
00:05:58 — Next.js Setup
00:19:51 — Routes Setup
00:27:26 — Navbar
00:37:14 — Home Page Part.1 - Companion Card
00:47:38 — Home Page Part.2 - Companion List & CTA
01:05:04 — Companion Form
01:19:14 — Clerk Auth
01:30:33 — Clerk Billing
01:39:25 — Supabase Setup & Clerk Integration
01:47:34 — Supabase Implementation
01:58:26 — Companion Library
02:23:16 — Vapi Setup & Header
02:36:55 — AI Companion Conversation
03:14:40 — Sentry Setup
03:21:31 — Conversation(s) / Session history
03:30:33 — Profile Page / My Journey
03:40:35 — Clerk Subscription Checks
03:50:34 — Bookmarks
03:51:19 — Deployment