Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023) (Udemy.com)
Use Next JS + OpenAI to build a ChatGPT clone, incl. mongodb, edge functions, auth0, tailwind css + more! (Next JS v13)
Created by: Tom Phillips
Last updated July 2026
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!
Course Description
Don't get left behind! Increase your value as a web developer today by learning how to build AI powered web apps!
Please note this course uses the Next JS pages router.
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!
Instructor Details
- 4.8 Rating
172 Reviews
Tom Phillips
Tom is a web developer and instructor with nearly two decades of experience building software and teaching modern development skills.
Today, his focus is on agentic engineering, coding with AI, AI-assisted software development, and modern developer workflows. His courses show developers and technical professionals how to use tools like GitHub Copilot and AI coding agents to plan, build, test, debug, and improve software more effectively.
Rather than treating AI as a simple autocomplete tool, Tom teaches practical agentic coding workflows that reflect how software development is evolving. From working with AI agents and context to using instructions, skills, tools, automation, testing, and modern full-stack development practices.
His courses are fast-paced, practical, and project-based, with a strong focus on real-world skills you can apply immediately. Topics include AI coding, GitHub Copilot, agentic engineering, web development, Next.js, TypeScript, React, and modern software engineering.
Tom regularly updates his courses to keep pace with the rapidly changing AI development landscape, helping learners spend less time sorting through outdated information and more time learning how to build faster and work more effectively with AI.
More courses by Tom Phillips
GitHub Copilot Beginner to Pro - AI for Coding & Development (2026)
4.5 (78,647 Reviews)
Provider: Udemy
Time: 7.2h
$59.99
Claude Code Beginner to Pro: Agentic Coding & Development (2026)
4.6 (2,700 Reviews)
Provider: Udemy
Time: 5.7h
$19.99
Redux Saga with React: Fast-track Redux Saga intro course (2026)
4.4 (1,662 Reviews)
Provider: Udemy
Time: 1.6h
$11.99
Cursor AI Beginner to Pro: Build Production Web Apps with AI (2026)
4.6 (1,567 Reviews)
Provider: Udemy
Time: 6.4h
$19.99
React styled components / styled-components [V5 EDITION] (2026)
4.5 (1,208 Reviews)
Provider: Udemy
Time: 2h
$64.99
More React courses
Microservices with Node JS and React (2026)
4.8 (20,187 Reviews)
Provider: Udemy
Time: 54.4h
$139.99
Learn to build an e-commerce store with .Net, React & Redux (2026)
4.8 (2,218 Reviews)
Provider: Udemy
Time: 29.6h
$94.99
Next JS & WordPress: Build rapid NextJS sites with Next & WP (2026)
4.8 (462 Reviews)
Provider: Udemy
Time: 8.4h
$74.99
Build Polymorphic Components with React and Typescript (2022)
4.8 (223 Reviews)
Provider: Udemy
Time: 2.3h
$69.99
The Ultimate React Course 2025: React, Next.js, Redux & More
4.7 (27,027 Reviews)
Provider: Udemy
Time: 83.9h
$99.99
The Modern React Bootcamp (Hooks, Context, NextJS, Router) (2023)
4.7 (8,359 Reviews)
Provider: Udemy
Time: 38.8h
$18.99
Reviews
By Fernando Rezende Celestino on 1/10/2024
Excelent for the UI part with Tailwind CSS and for many nice ideas for the react project. Room for improvement would be to use Next JS 14 app dir and prisma for the DB access. Thank you a lot for the course. Great work, that served as a basis for my own project, using pure OpenAI with streams (without the package used in the course), typescript, Next 14 and prisma.
By George Chinonye Isiguzo on 12/12/2023
This course was exactly what I needed to start 2024! I successfully created a ChatGPT clone for my portfolio, thanks to the comprehensive content provided. Its 4.5-hour duration was just right—short, simple, and easy to follow, which made my learning anxiety-free.
By Giancarlos Rodriguez on 6/26/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,
By John Paul on 6/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.
By John Carlo Menorias on 6/7/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.
By Gonca Negis on 5/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.
By London Park on 5/27/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.
By Aaron Henderson on 5/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!
By Mike Hebsgaard Lindvang on 5/17/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!
By Harry Duvall on 5/14/2023
Good course. Extremely fast paced so found the course took twice to three times as long as the video length. It would have been nice if the course used the app router rather than pages since this is now stable. Wish more time was spent explaining concepts behind the streaming functionality which is provided by a custom npm package built by Tom for the purposes of this course. Hope Tom releases more courses aimed at the beginner level because his efficient delivery was a god send. Would love a full course on Next JS fundamentals using the built in auth and local MongoDB rather than relying on hosted solutions. Thanks for the awesome course Tom!
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 96 / 100




![React styled components / styled-components [V5 EDITION]](/programming/react-js/images/1797176_13dc_11.jpg?v=1789443907)







