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