Build & Deploy Full Stack Nextjs AI Kids Story generator App Using React, NextUI, Typescript
TubeGuruji
2024. 9. 16.
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) 🔴DEMO : https://ai-kids-story-generator.vercel.app 🔴 🔥⚡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
Recommanded Videos
I built my own FILE UPLOADER using Nextjs, Uppy, AWS S3 & Lambda
In this content we are going to take a deep-dive into how I built my open-source file uploader and storage application using Next.js, Uppy, AWS S3 & Lambda function for thumbnail generation. ✨ Codebase: https://github.com/rajeshdavidbabu/s3-upload-thing #nextjs #awss3 #awslambda #uppy #fileupload ✨ My Links - Discord: https://discord.gg/R9aAX7zxkM X.com: https://twitter.com/rajeshdavidbabu Want a shoutout?? : https://www.passionfroot.me/rajesh-babu Github: https://github.com/rajeshdavidbabu Timeline 0:00 Intro 01:10 Demo of the app 03:26 Architecture 04:31 Code walkthrough 06:47 Setup 21:46 Testing the setup
2024. 10. 11.
Python Django REST API In 30 Minutes - Django Tutorial
In this tutorial, you'll learn how to build a robust REST API using Python and Django. We'll start from scratch and guide you through the process of setting up your Django project, creating models, and configuring Django REST framework to expose your API endpoints. Whether you're a beginner or looking to enhance your backend development skills, this video covers everything you need to know to get your REST API up and running. Join us to master the essentials and become proficient in creating powerful APIs with Django! 🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects 🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Linkedin: https://www.linkedin.com/in/machadop1407/ Instagram: https://www.instagram.com/pedro.fmachado_ Github: https://github.com/machadop1407 Business Email: pedro@pedrotech.co 🌟 Gear / Hardware I Use and Recommend 🌟 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 💻 https://amzn.to/42kqFuM 💻 Monitor 🖱️https://amzn.to/3C0ZhHb 🖱️ Mouse 📷 https://amzn.to/3OHJvbM 📷 My Camera 🎤 https://amzn.to/3oxSthj 🎤 My Microphone ⌨️ https://amzn.to/3oFPpj1 ⌨️ My Microphone ⚡ https://amzn.to/3MYMnzM ⚡ LED Lights In the Background Tags: - Python Tutorial - ReactJS and MySQL - NodeJS Tutorial - API Tutorial .......... ♬ MUSIC ♬ Artist: tubebackr Track: Chill With Me @tubebackr hypeddit.com/tubebackr/chillwithme-1 ............. #django #python
2024. 7. 24.
Compiler Programmers VS Database Programmers... #computerscience #database #programming
Database programming is hard.
2024. 5. 15.
Spring Retryable 동작 방식
ppt: https://docs.google.com/presentation/d/14lLFqM5g72mdNxHp_pqdHWRLr9QvhYeXc868xTyKtos/edit?usp=sharing
2023. 10. 21.
조코딩 '어 금지' 챌린지 댄스 - 버전 2 #ai #댄스ai #조카소
조코딩 '어 금지' 챌린지 댄스 - 버전 2 #생성ai #ai #댄스ai #조카소
2024. 8. 17.
스프링을 이용한 게시판 서비스 만들기 -5 (게시글 수정 및 삭제 기능 추가)
만약 잘못된 부분이 있으면 알려주세요! 깃허브 : https://github.com/pjh5365/spring-board
2024. 4. 6.