Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023)

Use Next JS & OpenAI to build a ChatGPT clone, incl. mongodb, edge functions, auth0, tailwind css + more! (Next JS v13)

4.76 (123 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Increase your value as a web developer by learning how to build AI powered apps

Build a ChatGPT clone with OpenAI and Next JS

Implement user accounts in your Next JS apps with Auth0

Style your Next JS apps with Tailwind CSS

Store chat history for your ChatGPT clone with MongoDB

Deploy to production using Vercel and utilise edge functions to stream data back from OpenAI, just like ChatGPT!

Why take this course?

Don't get left behind! Increase your value as a web developer today by learning how to build AI powered web apps!

THIS COURSE WILL BE GOING THROUGH A COMPLETE UPDATE TOWARDS THE END OF 2023 TO USE THE NEXT JS 13 APP DIRECTORY.

Welcome to the ultimate course on how to build your very own ChatGPT clone!

In this course, you'll learn how to create "Chatty Pete", a powerful chatbot with the same capabilities as ChatGPT, that uses Next.js v13, OpenAI's GPT API, Next JS edge functions to stream chat responses, MongoDB for data storage, Auth0 for user authentication and user accounts, and Tailwind CSS for beautiful layouts and styling. We'll end the course by deploying our app live to production, hosted on Vercel.

You will be guided through every step of the development process, from setting up your Next JS development environment to deploying your finished ChatGPT chatbot clone to the web using Vercel. You'll learn how to create conversational interfaces, process user input, and generate natural language responses using OpenAI's powerful ChatGPT language models. You'll also learn how to utilise Next JS edge functions to stream data back from the OpenAI API, exactly the same as how ChatGPT does it!

With MongoDB, you'll learn how to store and retrieve chat history, while implementing Auth0 within your Next JS app will enable you to add user accounts and secure your application with user authentication and authorization. Finally, you'll use Tailwind CSS to create a stunning user interface within Next JS that looks great on any device.

This course is perfect for developers who want to expand their skillset and learn how to build complex web applications using the latest technologies. Whether you're a seasoned web developer or just starting out, the step-by-step approach and easy-to-follow instructions in this ChatGPT clone course with Next.js will help you master the skills you need to build your very own ChatGPT clone.

So why wait? Sign up now and start building your own ChatGPT clone today!

Reviews

Ezer

August 23, 2023

a great course and a teacher who explained a great project perfectly, thank you very much, the course is not over yet, but it is progressing very well

Scott

August 22, 2023

The course is quick paced, but the instructor explains everything really well. I learned a lot from this course.

Michael

July 26, 2023

This course was very fast paced, for me, and felt very rushed. I found myself getting lost quite often. Not only that but the main file of the course ends up being 200+ lines, so already being lost, trying to find out where to put things, was a little frustrating. For myself, there wasn't enough explaining and too much "now we're going to write this, and then this, and then add this", which is great for a lot of developers but it wasn't for me. It's part of what made it hard to follow. Advertised as Next.js 13, I was expecting app routing, not pages routing, which wasn't a deal breaker but I did pick this course over others, with the hope that it would include new Next.js 13 features. All things considered, I would recommend this course to people who feel the general flow of lectures on Udemy are too slow and who are looking for a faster pace. Tom approaches the project in a very straightforward way and it appears to have been very well thought out. The end project ends up being quite fun to play around with and to show off to friends and family.

Anonymized

July 17, 2023

I bought this course to refresh my nextjs knowledge but it's not that much about nextjs and also the npm pakcage they use in this course is not mantained and clearly stopped working some time ago. many students asked they cannot query openai api but they blame the accounts and tokens which is not the case. Not a very responsive instructor.

Oli

July 10, 2023

Straightforward, short and simple enough description about complex things to understand when leaning on my own. I am satisfied with the instructor and the course!!!

Giancarlos

June 27, 2023

The course was great and the professor is sooooo responsive. If you have any questions he will walk you through it. I know the course is meant to be short, but some time spent on getting a deeper understanding of what is going on would be great. Overall an amazing course!! I would take this course again,

Lance

June 19, 2023

Examples often didn't work. I spent a lot of time back and forth in the github repo or debugging. I encourage the instructor to add a zip file or create a git tag for the end of each lesson or section that could be referred to in the case of confusion. The finished project is not necessarily the best source of code to clear up confusion, because it includes much more or different code than the current section of the course. Other suggestions for the instructor would be to anticipate when they are jumping ahead in the material and when they may cause issues for the student. For example, early on references are made to Auth0 usage, and examples are shown of it working in-video, yet the wrapping of the application in the Auth0 provider has not yet been covered. This jumping ahead causes confusion and can be extremely frustrating. To be fair in the video which followed the section in question, the wrapper code was implemented, but it should have been done at the same time or before the implementation of the Auth0 tools were implemented. This is a somewhat common theme in the course.

John

June 11, 2023

This is an excellent course if you want to learn Next JS and how to interact with OpenAI. Tom is very knowledgeable and explains topics very well. He does go at quite a pace though, so I had to slow down the video a little to ensure I understood it. This isn't a criticism, just an observation. He also answers your questions in a timely manner. He is one of only a few Udemy instructors that does this, so it is a big plus for me.

John

June 8, 2023

If you're looking for a basic Tutorial implementing OpenAI, using Next.js API and basic Middleware with basic MongoDB pulling data ( NO CRUD) then it's a good course. Fast, Simple and Informative for beginners. If you're an experienced dev and looking for more complicated one then not sure if this was a right course for you. But overall, I recommend this one.

Dima

June 2, 2023

I had a problem with connecting mongoDB. I am not sure what is the problem, but I guess we have to refresh the dev server if we had the first rejected attempt. Even after fixing the code for connection mongoDb I still get the reject connection because the `global._mongoClientPromise` already has the rejected status so we didn't pass this condition `if (!global._mongoClientPromise) {` after fixing the code.

Gonca

May 29, 2023

Amazing, fast-paced, comprehensive course. Learned a lot of information on streaming and validating outgoing and incoming data on OpenAI, as well as neat tips and tricks on NextJS13 and Tailwindcss. One of the best courses I have taken on Udemy. Highly recommended.

London

May 28, 2023

Great course for learning the know-hows and a way to implement ChatGPT API! I recommend this course for anyone who is interested in developing his/her Next.js skills further.

Aaron

May 26, 2023

The pacing is perfect! First instructor I have not needed to speed up. Content is great. Final product UI looks great, thank you Tailwind. Love this instructor, very no non-sense., teaches you just what you need to know. Talk about drinking from the firehose!

Marvin

May 23, 2023

As of May 2023, seems like the latest course on Next Js on Udemy with Next 13.3 covered, rated high for the relevancy and speed of getting this course to market. Dropped half a star because the highest resolution is 720p. which could be quite blur on a bigger screen.

Mike

May 18, 2023

This is a great course! I'll elaborate :-) I've bought dozens of courses on Udemy, this is the first I've actually completed. The problem with most courses are they're simply too long. When I'm looking at 20+ hours of video I kind of know I'm not going to get through it. This course I was able to complete in a weekend and have a cool project at the end of it. I made my ChatGPT clone sound like Deadpool because, why not :-) In my opinion this course has the perfect blend of learning and productivity, for a lack of a better word. I'm excited that I also decided to get the SAAS Next.JS + OpenAI course from Tom and can't wait to get started doing that course. This was worth every penny!

Charts

Price

Rating

Enrollment distribution

Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023) - Distribution chart