Build & Deploy Full Stack Nextjs AI Kids Story generator SAAS App Using React, NextUI, Typescript

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