React Templates & Themes Logo React Templates & Themes
Chatgpt Plugin Starter Nextjs screenshot

Chatgpt Plugin Starter Nextjs

Author Avatar Theme by Gannonh
Updated: 29 Apr 2023
9 Stars

Starter app for building ChatGPT plugins on NextJS 13 app router

Github

Categories

Nextjs

Overview

The ChatGPT Plugin Starter TypeScript NextJS is a clone of the OpenAI plugins quickstart using NextJS and TypeScript. It allows developers to build ChatGPT plugins in TypeScript or JavaScript and interact with third-party applications. The plugin enables ChatGPT to perform a wide range of actions by connecting to APIs. The development process involves building an API, a manifest file, and an OpenAPI specification, which defines the plugin’s functionality.

Features

  • NextJS and TypeScript: The plugin starter is built using NextJS and TypeScript, providing a robust and type-safe development environment.
  • API Integration: Developers can integrate third-party applications by building APIs and connecting them to ChatGPT.
  • Plugin Manifest: A standardized manifest file is used to define the functionality of the plugin and configure it in the ChatGPT interface.
  • OpenAPI Specification: The plugin APIs follow the OpenAPI specification, allowing ChatGPT to automatically generate a UI for the plugin.
  • Local Development: The plugin starter supports local development and provides instructions for registering the plugin for local access.

Installation

To install and set up the ChatGPT Plugin Starter TypeScript NextJS, follow these steps:

  1. Clone the repository and install the required dependencies.
git clone [repository-url]
cd [repository-folder]
npm install
  1. Build and run the API. It is recommended to run in production mode to avoid any memory/state persistence issues.
npm run build
npm run start
  1. Register the plugin for local access/development in ChatGPT.
    • Select “Plugins ALPHA” from the Model dropdown.
    • Select “plugin store” from the Plugins dropdown.
    • Click on “Develop your own plugin” (not install unverified plugin).
    • Enter “localhost” as the URL (e.g., http://localhost:3000).

Summary

The ChatGPT Plugin Starter TypeScript NextJS is a NextJS and TypeScript-based clone of the OpenAI plugins quickstart. It allows developers to build ChatGPT plugins in TypeScript or JavaScript and integrate with third-party applications. The plugin supports local development and provides a standardized manifest file and OpenAPI specification for defining the plugin’s functionality. With this starter, developers can enhance ChatGPT’s capabilities and enable it to perform various actions through API integration.