🚀 Build AI Short Video Generator Using NextJs, React, Tailwind, Convex | Full Stack SaaS App
Want to automate your YouTube Shorts creation? In this step-by-step tutorial, we'll guide you through building a powerful AI-powered SaaS application using Next.js, React, Tailwind CSS, and Convex. Learn how to leverage cutting-edge AI to generate engaging short-form video content effortlessly.
⭐ Aigurulab.net: https://www.aigurulab.tech or https://ai-guru-lab.vercel.app
⭐ Convex : https://convex.link/tubeguruji
⭐ Inngest: https://innge.st/yt-tg2
⭐ Eraser Doc: https://app.eraser.io/workspace/EeirN...
🌟 Become a AI Developer with Tubeguruji Pro: https://tubeguruji.com
🚀 Application Demo : https://www.aishortsvid.com
📚 Materials/References:
Free Resources : https://dcmk.short.gy/ai-youtube-shor...
Source Code (give it a star ⭐): https://dcmk.short.gy/ai-youtube-shor...
Active Lessons: https://www.tubeguruji.com/course-pre...
💻 Join our Discord Community - / discord
🖼️ Follow us on Instagram: / tubeguruji
💼 Business Inquiries: admin@tubeguruji.com
Join this channel to get access to perks:
/ @tubeguruji
#AI
#NextJS
#ReactJS
#TailwindCSS
#Convex
#SaaS
#WebDevelopment
#Programming
#Tutorial
#YouTubeShorts
#AIDevelopment
#FullStack
Chapters:
00:00:00 Introduction
00:06:32 Project Setup
00:17:43 Application Font
00:19:20 Dark Mode
00:23:50 Landing Screen
00:34:33 Authentication
00:51:47 Convex Backend Setup
01:11:09 Convex Self Hosting
01:17:43 Dashboard (Sidebar + Header)
01:46:35 Create New Video (Form UI)
02:54:17 Inngest Setup
03:04:42 Audio Mp3 Generate
03:22:45 Save Form Data(User Input)
03:33:30 Generate Captions
03:43:07 Generate Image Prompt
03:48:26 Generate AI Images
03:53:47 Save All Video Data
04:05:00 Update User Credits & Save Video Status
04:13:53 Display User video list
04:37:42 Remotion Setup
04:44:15 Play Video
05:17:51 Render Video
05:45:39 Paypal Payment Getaway
05:58:34 Deploy App to Production
