Uploaded August 2023 | Updated September 2026, 1 hour ago

---

Let's use the Chat-GPT API to make an interactive app with Next JS. This is a mid-beginner tutorial.

00:00:00 Intro
00:01:00 API Key
00:02:20 Create Next.js Project
00:03:02 Removing unneeded files
00:03:36 Creating an endpoint
00:08:06 Install OpenAI sdk
00:10:00 Using a .env file
00:11:45 Sending prompts to Chat-GPT
00:15:17 Showing output
00:18:30 Sending prompts with a form
00:27:41 Styling the interface
00:30:10 Next Steps

⭐️ Get early access to my full JS Game Dev course:
drew-conley-courses.kit.com/66eb6d3ff4

💬 Discord
Need help, have a question, or want to share your game dev project?
Join our Discord. Here's the link: discord.gg/umD2GRy

*** Video Links: ****
OpenAI API keys: platform.openai.com/account/api-keys
Next JS: nextjs.org
Installing: nextjs.org/docs/getting-started/installation
Code from the video: drive.google.com/file/d/1bGqZv4ZaeI6SmAogQ02mSp65ecwjjESw/view?usp=sharing

****

Twitter / X:
twitter.com/drewconley13

Be my friend on LinkedIn:
linkedin.com/in/drew-conley-a7865a29