Next.Js Full Stack Project Tutorial - Build & Deploy Full Stack Nextjs AI Kids Story generator SAAS App Using React, NextUI, Typescript

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 project artificial intelligence nextjs tutorial Build & Deploy Full Stack Nextjs AI Kids Story generator App

Full Transcript

In this video, we’ll build and deploy a full stack AI-powered kids story generator app using Next.js, React, NextUI, and TypeScript! 🚀📚 Learn how to create a fun and interactive app from scratch, and see how AI can help generate creative stories for kids. Perfect for developers looking to explore AI and web development! 🤖✨ #Nextjs #React #AI #WebDevelopment #TypeScript #NextUI ⭐ TubeGuruji : https://tubeguruji.com 🌟 Clerk : https://go.clerk.com/t3yAD2A 🌟 BuildBuzz.io : https://buildbuzz.ai 🔥 (GET 25% OFF CODE :MONEYLIFE25 OR TUBEGURU25) 🔴DEMO : https://www.kidsstorybook.fun 🔴 🔥⚡Free Source Code for Members: https://www.tubeguruji.com/course-preview/ai-kids-story-builder-full-stack-nextjs-app🔥⚡ ⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw 🌟 React AI Trip Planner : https://youtu.be/f_7grfh9TxU 📚 Materials/References: Resources : https://dcmk.short.gy/ai-kids-story-resouces Code: https://dcmk.short.gy/ai-kids-story-source-code-0.1 Eraser Doc : https://dcmk.short.gy/ai-kids-story-docs Assets : https://dcmk.short.gy/assets BuildBuzz.io discord community : https://discord.gg/kGZbGyX5Tn Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join What You'll Learn: 🌟 Build a Full Stack AI Kids Story Generator App with React & Next.js 💻 Use TypeScript for clean and scalable code 🎨 Integrate NextUI for a stunning, responsive design 🤖 Leverage Gemini API for AI-driven story generation 🖼️ Incorporate Replicate AI for real-time image generation 🔐 Implement secure authentication with Clerk -------------- Chapters Content------------- 00:00:00 Introduction 00:08:30 Project Setup 00:23:49 Landing Screen 00:44:28 Authentication 01:01:00 Create Story Screen UI 01:38:21 Setup Backend 01:50:24 Generate Story With AI 02:16:53 generate AI Image 02:45:52 Toast Message 02:49:49 View Story 03:08:26 Text to Speech 03:20:37 Dashboard 03:38:52 User Credits 03:59:01 Payment Gateway 04:27:27 Explore More Stories 04:37:36 Deploy App