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 : [ Ссылка ]
🌟 Clerk : [ Ссылка ]
⭐ Support me on : [ Ссылка ]
🌟 React AI Trip Planner : [ Ссылка ]
📚 Materials/References:
Resources Code : [ Ссылка ]
Code: ai-course-generator
Eraser Doc : [ Ссылка ]
Source Code : [ Ссылка ]
🌟 Free Source Code for Members: [ Ссылка ]
Join this channel to get access to perks:
[ Ссылка ]
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
