Next.Js Full Stack Project Tutorial - Build Full Stack AI Course Generator App With NextJs, React, TailwindCss, Gemini Api, Drizzle

Master Next.js & React Full Stack Development: Dive into AI-Powered App Creation with TubeGuruji – Build, Deploy, Conquer!

5.0 (2)

18 learners

What you'll learn

Learn to build and deploy full-stack applications using Next.js, React, and Tailwind CSS.
Master the integration of various APIs such as Google Maps, Clerk, and Firebase within Next.js apps.
Develop proficiency in using NextAuth for authentication in full-stack applications.
Gain skills in integrating AI technologies to enhance full-stack application functionalities.

This course includes

346 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

next.js tutorial Build Full Stack AI Course Generator With NextJs next.js tutorial for beginners next.js tutorial 2024 next.js tutorial 14 next.js tutorial project

Full Transcript

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