May 4
Loading video player...
Build a FULL AI SaaS App (Speech-to-Text) with Next.js 16, Modal & Cohere Build a real AI SaaS that turns speech into text from scratch. Full stack: Next.js 16, Modal GPU, Cohere, payments, Neon, auth, and deployment. Neon → https://get.neon.com/MpdL7eH Modal → https://bit.ly/4j1oyWJ In this video, you’ll build a complete AI SaaS application from scratch that converts speech into accurate text using a production-ready stack. This is not a basic demo. By the end, you’ll have a fully functional product where users can sign up, log in, upload audio, and generate transcripts in real time. You’ll also implement a full credit system, integrate payments, and build a clean dashboard experience that feels like a real startup product. This project is designed to give you practical, real-world skills in building, structuring, and deploying full-stack AI SaaS applications. 🧠 What You’ll Learn • Build a full-stack AI SaaS from scratch • Implement authentication and protected routes • Design a scalable database with Prisma + PostgreSQL • Create a real credit system and monetisation flow • Integrate payments with Polar (checkout + webhooks) • Deploy GPU-powered AI with Modal • Connect a FastAPI backend to a Next.js frontend • Build a clean, modern UI with shadcn/ui • Deploy your app and make it production-ready 📎 Useful Links Neon → https://get.neon.com/MpdL7eH Modal → https://bit.ly/4j1oyWJ Polar → https://polar.sh Better Auth → https://better-auth.com GitHub Repo → https://github.com/sahandghavidel/ai-speech-to-text-app 🛠️ Project Overview We’ll build the frontend using Next.js 16, TypeScript, the App Router, and Tailwind CSS, combined with shadcn/ui and Sonner for a modern and responsive UI. You’ll learn how to structure pages, layouts, and reusable components so your app stays clean and scalable. For authentication, we’ll integrate Better Auth to handle user signups, sessions, and protected routes securely. On the backend, we’ll use Prisma with PostgreSQL on Neon to store users, transcripts, and credits. You’ll design your schema, run migrations, and interact with your database using a type-safe ORM. For monetisation, we’ll integrate Polar to build a complete payment flow, including checkout, webhooks, and a customer portal. This gives your app a real business model. For the AI pipeline, we’ll build a FastAPI backend, deploy it on Modal with GPU support, and integrate Cohere’s transcription model. You’ll connect everything so users can upload audio and get fast, accurate transcripts. Finally, we’ll deploy the full app so it’s live and ready to use. --- 💬 Let me know in the comments: What would you build with this AI SaaS setup? 👍 If you enjoy this kind of content, like the video so I can make more. 🔔 Subscribe for more real-world AI SaaS builds and full-stack tutorials. --- #ai #saas #nextjs #fullstack #programming #webdevelopment Timestamps 0:00 - Intro 2:19 - Install Next.js + Tailwind 15:27 - Authentication (Better Auth) 33:16 - Sidebar 52:07 - Credits System 57:21 - Polar Integration 1:21:53 - Settings Page 1:26:39 - Modal Integration (Speech-to-Text) 1:45:08 - Transcribe Page (Create) 2:13:11 - Projects Page (History) 2:19:09 - Dashboard 2:24:10 - Home Page + Demo Section 2:31:35 - Deploy to Vercel