Next.Js Full Stack Project Tutorial - Build & Deploy AI PPT Slider Generator App using React, Vite, Genkit, Imagekit

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

Build & Deploy AI PPT Slider Generator App using React Vite Genkit Imagekit AI Saas app React Vite App React Vite Full stack app Full stack tutorial

Full Transcript

🚀 Build & Deploy AI PPT Slider Generator App using React, Vite, Genkit & ImageKit! 💻 In this tutorial, you’ll learn how to create a powerful AI-powered app that generates and exports beautiful PPT slides automatically. Perfect for developers looking to combine AI + Frontend + PPT Sliders! ⚡ 🔗 Useful Links & special bonuses ❤️ Clerk: https://go.clerk.com/7pK1TPj Signup for ImageKit’s forever free plan : https://tinyurl.com/4z5jasc6 Eraser Docs: https://dcmk.short.gy/ai-ppt-gen-source-code TubeGuruji Pro: https://www.tubeguruji.com 🔥 Create stunning AI short films with Kravix Studio – Free to try! 👉 https://kravixstudio.com?ref=ai-ppt-gen 👉 Watch AI Website Generator Full Stack NextJs React App : https://youtu.be/tKDPE219kCE 👉 App Demo : https://dcmk.short.gy/ai-ppt-gen-app 🔥 Features: One-click AI PPT generation Inline editing (AI Inline Editing🎉) Auth with Clerk Database with Firebase Firestore Firebase GenKit AI Model Image upload/AI optimization with ImageKit Modern UI with Tailwind & Shadcn Perfect for anyone building AI-powered SaaS apps! Source Code 🔗 Free Resources : https://dcmk.short.gy/ai-ppt-gen-resources 🔗 Source Code: https://dcmk.short.gy/ai-ppt-gen-code 🔗 Free Assets : https://dcmk.short.gy/ai-ppt-gen-free-assets 🔗 Member Only Source Code : https://dcmk.short.gy/ai-ppt-gen-source 📢 Stay Connected: 💻 Join our Discord Community - https://discord.gg/DJUpW5bMtz 🖼️ Follow us on Instagram:https://www.instagram.com/tubeguruji 💼 Business Inquiries: [email protected] Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join #AI #React #Vite #ImageKit #Genkit #AIPPT #fullstackdevelopment ⏰Timestamps: 00:00:00 — Cool 7D Intro and Demo 👌 00:08:40 — How to Create React Vite App 00:17:30 — how to Setup TailwindCss & Shadcn UI Component Library 00:23:22 — React Router 00:33:54 — Landing Screen 00:46:05 — How to Setup Authentication in React App 00:57:54 — How to Setup Firebase Firestore as Database 01:15:44 — Create Workspace Page 01:35:22 — How to generate PPT Slider Outline using AI 02:50:10 — Generate Slides using AI and Imagekit 03:30:34 — How to do Inline Editing using AI 03:52:19 — Learn AI Image Transformation using Imagekit 03:57:20 — Update and Save Slides 04:04:02 — how to Export HTML Tailwindcss to .ppt file 04:09:29 — Display My Projects 04:22:02 — How to Setup Clerk Billing 04:45:31 — How to Deploy React Vite App on Vercel for Free

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

Direção de Arte no Cinema e Jogos: Fundamentos Essenciais

Transforme sua criatividade em carreira: descubra os segredos da Direção de Arte no cinema, jogos e design gráfico com especialistas e aprenda a criar mundos visuais incríveis. Inscreva-se agora e revolucione sua visão artística!

⭐ 4.0

29 ratings

0 min