Create Own Chat GTP 2.0 with Next.js - Chat Rooms, Dynamic Routes and More

preview_player
Показать описание

We are going to create ChatGPT 2.0 Clone with OpenAI API. Using OpenAI API we can make a request to and get the appropriate response.
We are using Tailwind CSS to make the UI. Once we finished the UI we will build the backend with custom api and access the OpenAI API. At the end of the course we will make a request to the backend and store the result in the MongoDB database.

NextAuth Course - Complete Authentication with Credentials, Google & GitHub

Tailwind CSS Complete Course

Javascript Complete Course

You can Follow Along with me using the below Git Repository.
Use "git branch --list" to see all branches.

📂 Source Project

⏱️ Timestamps ⏱️
00:00 - Introduction
01:16 - Setup Project
05:21 - Aside Component
18:04 - Main Component
26:30 - Search
32:25 - MongoDB Connection
43:30 - Controllers
49:02 - Models
59:54 - Dynamic Routes
1:08:03 - Messages
1:27:39 - OpenAI API
1:36:21 - Fetch() Function
1:44:15 - React Query
1:59:30 - Get Room Chat
2:11:00 - Finalize
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

Subscribe To

Join this channel to get access to the perks:

👉 Support Me on Patreon 😊:

🚀 Udemy Courses:

🎅 Playlist :
Complete MERN Series
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

🛠️ Tools I use:
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

👉 Follow us:

More Videos:

💡 Complete Node Course
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 React Complete Tutorial
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Portfolio Website with Bootstrap - HTML/CSS
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Create a Shopping Cart Using PHP and Mysql
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete CRUD Operation with PHP MySql Database
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Birthday Remainder Application with React - For Beginners
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Bootstrap Grid System The Complete Guide - In Action

Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.

Thank You...! 🙏

⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

Tags: #chatgpt #react #openai
Рекомендации по теме
Комментарии
Автор

Hi I got an error 9 | const config = new Configuration({
| ^
40 | apiKey: ENV.OPENAI_API_KEY
41 | })

quilloai
Автор

Hii bhaiya can you please make more mern stack videos

RajasthaniChora
Автор

how to change the model to gpt-3.5-turbo?

akizuki
Автор

Hi there! Thank you for this. Would you be doing a User implementation from signup to login with JWT + GoogleAuth like MERN Stack but with NextJS?

appstuff
Автор

Akshai bro which font is this please, i like it

wahabnajadi
Автор

yaar ismein openai use karne par ek error show ho rha hai " You exceeded your current quota, please check your plan and billing details."

moviesinshort
visit shbcf.ru