Uploaded April 2023 | Updated September 2026, 4 hours ago

---

In this video you'll learn how to build a chatGPT Plugin from scratch using Next.js and TypeScript in less than 26 minutes.

🔗 Codebase - github.com/dabit3/nextjs-chatgpt-plugin-starter
🔗 Docs - platform.openai.com/docs/plugins/introduction

We'll start by giving an rundown of what technologies you might use to build a plugin with TypeScript or JavaScript and an overview of the app we'll be building.

Next we'll scaffold out a new Next.js app and configure the files we need for our plugin to work.

After the configuration is set up, we'll create the API routes that our plugin will be using and set up a basic, local store to hold the state updates.

Finally we'll test it out by running it in the ChatGPT console.

By the end of this video you should have a good understanding of how to build a ChatGPT plugin from scratch using Next.js and TypeScript.

0:00 - Introduction
2:35 - Scaffolding the Next.js app
5:45 - Configuring headers in Next.js config
6:25 - Creating the OpenAI manifest
8:52 - Creating the OpenAPI configuration
13:09 - Creating the routes
22:20 - Testing it out