Home

Awesome

Next.js Boilerplate for a simple ChatGPT Plugin

This is essentially the JavaScript version of the Python app documented in the OpenAI Chat GPT docs.

I originally had trouble getting the headers and cors working properly so I figured I'd document how to do this here.

Prerequisites

This app has no user interface, instead it's meant to use with GhatGPT's UI so therefore you must have access to ChatGPT plugins, which at the moment are still in beta.

Project setup

  1. Clone the repo, install depdendencies:
git clone git@github.com:dabit3/nextjs-chatgpt-starter.git

cd nextjs-chatgpt-starter

yarn # or npm install, pnpm
  1. Run the server
npm run build

npm start

# If you run this in dev mode, the memory may not persist well as the server will randomly restart sometimes
  1. Set up your GPT Plugin in the ChatGPT Plugin UI.

When prompted for your website domain, type in 'http://localhost:3000'

Usage

Ask for your list of todos:

what are my todos?
# or anything like that

Add a todo:

add book flight to my todos

Summarize todos:

How many todos do I have left?

Or any other questions you might have.

Configuration

To add more routes:

  1. Create new route in pages/api directory.

  2. Update openapi.yaml with new path

  3. Update openapi.yaml with schema for any data model coming back or being passed in.