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

#Nextjs #React #AI #WebDevelopment #TypeScript #NextUI

📚 Materials/References:

Join this channel to get access to perks:

What You'll Learn:

💻 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

[RealLexable]

Bro...creativity level 1000😮. I guess you have a fan from germany

[skhomo]

I did not look at this project, only to find out today you listen to my request for paypal. Thank you so much, I am gonna be starting this project today. Thank you on behalf of all countries that can't use stripe!!!

[jeonmiku]

plz can u do a ecommerce mobile app for supermarket with including Market Basket Analysis (MBA), AI/ML for Predictions, Seasonal Analysis .

[reactnative]

It looks fantastic. When can we expect a similar tutorial for React Native app ?

[ijasdeen]

Bro, you are super super genius I've ever come across on youtube. <3

loved you

[ecupowerable]

Thanks for the video I was expecting the react native version very good work

[enerjimuhafzlar]

Can you make a website where people can talk and discuss about something? For example, they discuss the country's economy and look for a solution.

[lituanaskobea.]

This is incredible. But hopefully someone on the internet will finally make a tutorial for story video generator SaaS.

[BunThong-cp]

Please next tutorial build the complete News Magazine with tech steck such as NextJS fullstack and MySQL for Database. Thank you

[mohdali-yqgq]

Wonderfull project and really great help to us by the great functionality used in the project and thanks to include the type script which is of great help when project start growing. Well done

[yantech.]

This an amazing project 🎉❤🎉 well done sir. 👏🏾👏🏾👏🏾👏🏾

[MacSn]

Congrats man and it's a blessing from God to find this channel. Thanks a lot and my God bless you and your family. Do you offer consultation and assistance to non experience developers like me? I started learning web dev with Nextjs last week. Everything is new and kind of weird so I would need some hand, and yes I must pay for it.

[kalpeshdeore]

please next tutorial on react native with ai (try to use more tech like expo maps and all) please

[blaqhakym]

Thank you for putting so much effort into this. Many blessings on you

[SK_Covers]

Hi bro❤

Beginner with basics of react and typescript can able to follow this tutorial.

[motlalepulasello]

This looks amazing. I'm so excited to try it!

[ManchoVictor-ipqu]

Build a university management system... First comment wins 😂

[ceoharsh]

Can you make SAAS based youtube video to shorts converter then it can be great idea.

[ShafiYaftali]

I appreciate your work and would like to request another project capable of multi-language translation.

[ansh_nx]

Portfolio maker ...with inbuilt and later added templatea