Vigyata.AI
Is this your channel?

Build and Deploy Full Stack AI GitHub SaaS | Next JS 15, Google Gemini AI, Assembly AI, Stripe

89.2K views· 2,607 likes· 297:58· Nov 24, 2024

🛍️ Products Mentioned (5)

Looking to build your next $5k/Mo MicroSaaS? Check out: https://start-saas.com/?utm_source=dionysus Looking for more advanced AI tutorials to land you a job? Check out: https://v2.scrimba.com/t0ai?via=elliottchong and get an additional 20% off your PRO subscription Live Demo: https://dionysus-upgraded.vercel.app GitHub Repo (🫶 for supporters): https://dub.sh/dionysus Welcome to this comprehensive full-stack tutorial where we build and deploy a fully featured AI GitHub developer tool using NextJS 15. Join me as we build an entire project from the ground up and seamlessly deploy it to Vercel 🚀. Throughout this journey, you will gain expertise in the following areas: 🌐 Leveraging NextJS 15's cutting-edge App Router. 💳 Managing Payments seamlessly through Stripe. 🎨 Harnessing the beauty of Shadcn and the power of Tailwind CSS. 🧠 Unleashing the capabilities of Google Gemini AI's API for Language Model usage. 🗃️ Interacting with databases with the efficiency of ORMs. Connect With Me 🔥🚀 : Email: elliottchong16@gmail.com GitHub: https://github.com/elliott-chong Website: https://start-saas.com 📖 Chapters Overview 0:00 Intro & Demo 4:45 Project initialisation 8:00 Setup NeonDB 10:40 Setup Shadcn 13:50 Setup Clerk 29:05 Building layout and sidebar 50:20 Create project page 1:21:40 Build dashboard page 1:27:55 Build commit log component 2:05:45 Build question card component 2:11:37 GitHub RAG pipeline explanation 2:17:35 Implement GitHub repo RAG 3:04:30 Build Q&A page 3:12:55 Setup meeting card & firebase 3:44:10 Setup AssemblyAI 4:11:20 Archive project & Invite members 4:22:15 Setup Stripe 4:49:26 Deploy to Vercel! Join me on this exciting journey to master NextJS 14 and unlock the potential of full-stack development. Let's code and create something amazing together! 🚀👨‍💻 #NextJS #FullStackDevelopment #WebDevelopment #artificialintelligence #promptengineering #StripePayments #reactquery #saas #ai #chatbot #React #TailwindCSS #OpenAI #DatabaseORM #GitHubActions #CI/CDPipeline #CodingTutorial #Programming #VercelDeployment #Docker #GitHubRepo #WebDevelopmentTutorial #FrontendDevelopment #BackendDevelopment #CustomDomain #SSL #YouTubeAPI #Prisma #CreditIntegration #GalleryPage #QuizCards #PaymentIntegration #StrictJSONGPT #CodingInspirations #GitHub #Instagram #Website

About This Video

In this video, I build Dionysus — a full-stack AI GitHub SaaS that helps developers collaborate on complex codebases with AI. We start from zero with Next.js 15 (App Router) on a T3-style setup, then layer in the “real SaaS” pieces: Neon Postgres for the database, Shadcn + Tailwind for UI, and Clerk for authentication. I also show how I sync users from Clerk into my own database using a forced redirect to a `/sync-user` route and a Prisma upsert, because you’ll want your own relational data model for projects, questions, credits, and teammates. The core of the app is an end-to-end, production-ready RAG pipeline: I connect to the GitHub API, scrape a repo, embed files, and use retrieval to answer questions with full codebase context (including citing files so you can verify). On top of that, I add AI-generated commit summaries so you can quickly understand what changed while you were away, plus meeting uploads where AssemblyAI processes recordings asynchronously and lets you query meeting context later. Finally, I integrate Stripe for a credit-based system so you can sell more processing capacity, then deploy the whole thing to Vercel.

Frequently Asked Questions

🎬 More from Elliott Chong