youngle316 / chatgpt

ChatGPT build with Next.js app dir Tailwindcss and chatgpt-api

Use chatgpt-api to make a mini ChatGPT

Screenshots

Intro

This project is mini ChatGPT, use NextJS13, FireBase and chatgpt-api

Have a try -> chatgpt.younglele.cn

Problem

⚠️The project is deployed using Vercel, because I am a hobby user, the Serverless Function Execution Timeout (Seconds) is 10s(General Limits), so when the api response time is greater than 10s, nothing will be displayed

How to use

get token and keys

1. Create a file named ".env.local" at the root dir.

GOOGLE_ID=
GOOGLE_SECRET=
NEXTAUTH_SECRET=ThisIsASuperSecretAuth
OPENAI_API_KEY=
FIREBASE_SERVICE_ACCOUNT_KEY=

you should follow the step to get your key

1. Firstly, you should have an OpenAi account, and get your token.(This is the OPENAI_API_KEY)

2. secondly, use google for auth
   1. use Firebase to create a project
   2. move to the Authentication part
   3. select Google and save
   4. get the GOOGLE_ID and GOOGLE_SECRET

3. thirdly, get your FIREBASE_SERVICE_ACCOUNT_KEY

download your secret key file and open it, then copy them, open this website textfixer and remove line breaks

then get the new text and that is FIREBASE_SERVICE_ACCOUNT_KEY

Change firebaseConfig

then create one

copy these code to replace "firebase.ts" file

Create Firestore Database

Add Redirect Url

1. go to google cloud console
2. select your project
3. add redirect url for your project

Start Project

npm install

npm run dev