Building an AI App with ChatGPT, React Native, and NextJS (tutorial)
notJustβ€dev
In this video, we will show you how to use ChatGPT, React Native, and Next.js to build a Christmas gift generator. This app will help users come up with unique and personalized gift ideas for their loved ones. We will walk you through the process of building both the web app and the mobile app, and we’ll demonstrate how to use Chat GPT to power the gift suggestion feature and also deploy the app. By the end of the video, you will have all the knowledge and tools you need to build your own projects with ChatGPT.
β¨ Follow the step-by-step guide here: https://notjust.dev/blog/2022-12-09-chat-gpt-with-react-native-and-nextjs
This tutorial uses the Open AI Chat GPT. For more info about it, follow:
https://openai.com/blog/chatgpt/
π Join now “The Full-stack Mobile Developer” course
https://academy.notjust.dev/
This build includes a lot of tools & technologies, and it’s a great opportunity to learn:
– How to build a web app and a mobile app using React Native and Next.js
– How to integrate Chat GPT into a web or mobile app
– How to deploy the application you’ll build
π±βπ» Get the source code with the Asset Bundle here: *link*
π¬ Join the notJust Development gang and let’s build together
https://discord.gg/VpURUN2
Tag me on social media when you finish this build, and I will give you feedback on your project.
Twitter: https://twitter.com/VadimNotJustDev
IG: https://www.instagram.com/VadimNotJustDev
LinkedIn: https://www.linkedin.com/in/vadimsavin
Timecodes:
0:00 Intro
01:33 Todays build
04:32 What is ChatGPT
08:52 About me
09:42 Getting started
12:08 Getting started with ChatGPT
33:52 Build the Christmas gift generator
50:08 Create web UI
01:15:12 Deploy app to Vercel
01:24:40 Initialise expo react native app
01:33:10 Form management
01:40:33 Custom gender switch
01:44:30 Submit form
01:55:06 Loading and result
02:00:45 Q&A
02:06:50 Project ideas
02:19:20 Outro
Disclaimer: This build is for educational purposes only!! All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#notjustdev #chatgpt #reactnative #nextjs