ChatGPT-Vercel

English | 简体中文

Introduction

Create a private ChatGPT website with one-click for free using Vercel, support muti text / images generation conversations. Powered by OpenAI API GPT-4/3.5 and Vercel.

Features

• ⚡ Deploy quickly and for free using Vercel
• 💬 Text conversation with the ability to switch models and set context length
• 🎨 Image generation conversation with options to adjust image size and count
• 🌈 Multiple preset prompts added to customize AI behavior
• 🌏 Switch between various languages, currently supporting Simplified Chinese and English
• 💭 Local chat history saved with search, import and export functionality

Live Demo

• chatgpt-vercel-sample
• chatgpt-vercel-zh-sample

User Guide

You can access the online demo above or deploy it privately for experience.

Conversation

Click the icon at the top left to add a conversation, which has two types:

• Text conversation:
  • The model is switchable, supported models
  • By default, it is a continuous conversation, and each sending will carry part of context.
  • Supports adding preset prompts, type / or click the button at the bottom left to add.
  • Supports model configuration, click the settings icon at the top right to configure.
• Image generation conversation:
  • The model is fixed and based on the OpenAI DALL·E model
  • Does not support continuous conversation, and each sending will not carry the context.
  • Directly input the image effect you want, for example: a cat.
  • The valid access time of the image link is 2 hours. Please save it in time if necessary.

History record

When Save all conversations is enabled in the global settings, it will be saved to local cache. By default, it will not be saved.

Operation

• Press Enter to send
• Press Shift+Enter to line break
• Enter / to add preset prompts, and searching is also supported.

All settings

see Configurations

Getting Started

1. Create Project

Create Vercel project from a github forked project(recommand) or the following Deploy button.

2. Set OPENAI_API_KEY

There are three ways to set your OpenAI API Key:

• Set Vercel Environment Variables OPENAI_API_KEY
• Rename your .env.expample file to .env and set OPENAI_API_KEY
• Set OPENAI_API_KEY within the page

Attention: For Vercel, all environment variables need to be redeployed to take effect.

Other deployment methods

Run pnpm build and pnpm run server. Refer: astro-node

Configurations

Deployment Configurations

All deployment configurations could be configured in the .env file or in Environment Variables of Vercel

Configuration	Default Value	Description
PASSWORD	-	Website access password
OPENAI_API_KEY	-	Key for API request, multiple keys are supported, separated by commas, how to generate
LANGUAGE	en	The default language of the website, including prompts. Supported languages: zh/en
API_KEY_STRATEGY	random	The scheduling strategy mode for multiple keys: polling/random
OPENAI_API_BASE_URL	api.openai.com	The default address of the requested api

Global Configurations

All global configurations will be stored locally

Configuration	Default Value	Description
OpenAI Api Key	-	Only a single key is supported. If it is configured on the page, the key in the environment variable will not be used
Language	en	The language of the website, including prompts. Supported languages: zh/en
Save all conversations	true	The conversation won't be lost after the page is refreshed
Temperature	1	The larger the value, the more random the answer, with a range of 0-2
Model	gpt-3.5-turbo	Model used in api request, supported models
Continuous conversations	true	Carry the context for the conversations
Number of historical messages carried	4	For continuous conversations, the number of historical messages carried
Number of generated images	1	The number of images generated in a single image generation conversation
Size of generated images	256x256	The size of a single image in image generation conversation

Planned Features

• Export functionality to export as markdown and images
• Theme color switching support, currently defaulting to gradient purple
• Audio conversation support
• Image generation using other models

These are some of the planned features to be developed. Collaborations are welcome, and feel free to suggest other ideas by submitting issues.

Development

Requirements:

• NodeJS v16.12.0 or higher
• pnpm v7 or higher

Proxy

• By default, a custom proxy is used to request openapi locally, and LOCAL_PROXY needs to be set in .env. There is currently no default proxy, so if you choose to set up a proxy, you assume the associated risks.
• If there is no need for a proxy, you can disable local proxy by setting DISABLE_LOCAL_PROXY=true in the .env file. At this point, api.openai.com will be directly requested.

Development:

• Run pnpm dev
• Expose port, for example, when using in cloud ide, run pnpm start

Build:

• Run pnpm build

Contribution

Any contributions are highly appreciated. Here are some tips:

• To improve the translation or add a new language, modify the lang directory. If adding a new language, you will also need to modify src/utils/i18n.ts.
• To improve or add new preset prompts, modify the prompts directory.
• To optimize the API, modify the src/pages/api directory.
• To optimize page interactions, modify the src/modules directory.
• For new feature support, please open an issue directly.

Credits

• English prompts are modified from awesome-chatgpt-prompts
• Chinese prompts are modified from awesome-chatgpt-prompts-zh

License

Based on MIT License