Skip to content

Simple chat app using ChatGPT API and preact hosted on Cloudflare Pages

Notifications You must be signed in to change notification settings

nakaakist/chatgpt-preact-on-cf-pages

Repository files navigation

Simple Chat App with ChatGPT

demo

About

This is a simple & lightweight chat app built with

The UI is rendered by Preact, and served by Cloudflare Pages.
The chat message from the user is sent to an API endpoint built with the Pages Functions, parsed and validated, then sent to the OpenAI API.

Run locally

  1. clone the repo to your local machine

  2. Create a new OpenAI API key, and create a .dev.vars file in the root directory with the following content:

    OPENAI_API_KEY=<YOUR API KEY>
    
  3. Run npm install to install dependencies

  4. Run npm start to start the dev server. After the server is started, press b to open the app in your browser.

Deploy to Cloudflare Pages

  1. Fork the repo
  2. Create a new Cloudflare Pages project in the Cloudflare dashboard, and connect it to your forked repo. Make sure to use the following configuration:
    • Production branch: main
    • Build command: npm run build
    • Build directory: dist
  3. Set the OPENAI_API_KEY environment variable in the Cloudflare dashboard with your OpenAI API key

References

About

Simple chat app using ChatGPT API and preact hosted on Cloudflare Pages

Topics

Resources

Stars

Watchers

Forks