Build Full Stack AI Course Generator App With NextJs, React, TailwindCss, Gemini Api, Drizzle

Build Full Stack AI Course Generator With NextJs, React, TailwindCss, Gemini Api, Clerk, Drizzle

🔧 Ready to dive into AI development? In this video, we’ll build a Full Stack AI Course Generator using Next.js, React, and TailwindCSS. 🚀 Integrate Gemini API, Clerk for authentication, and Drizzle for database management. Watch now to take your AI skills to the next level!

💻 #AI #FullStack #Nextjs #React #tailwindcss

⭐ TubeGuruji : https://tubeguruji.com
🌟 Clerk : https://go.clerk.com/mx3D0iE

⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw
🌟 React AI Trip Planner : https://youtu.be/f_7grfh9TxU

📚 Materials/References:
Resources Code : https://dcmk.short.gy/resources-ai-course
Code: ai-course-generator
Eraser Doc : https://dcmk.short.gy/ai-course-erasor-doc
Source Code : https://dcmk.short.gy/ai-course-generator

🌟 Free Source Code for Members: https://www.tubeguruji.com

Join this channel to get access to perks:
https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join

Chapters:
00:00:00 Introduction
00:07:11 Project Setup
00:17:23 Landing Screen
00:26:29 Authentication
00:40:43 Dashboard Layout
01:03:50 Create Course (user input Form)
02:16:59 Generate Course Layout From AI
02:38:07 Setup Backend & Save Data
02:56:37 Course Layout UI
03:29:23 Edit Course Info & Chapter
03:55:35 Upload Course Image
04:12:22 Generate Chapter Content
04:23:49 Youtube API To Generate Chapter Video
04:53:51 Quick Fix
04:55:05 Display User Course List on Dashboard
05:08:48 Delete Course
05:25:39 View Course
05:34:40 Loading Skeleton Effect
05:38:00 Display Chapter and Content
08:08:20 Explore Page
06:20:35 Deploy App