ChatGPT clone app with Next.js

this is ChatGPT clone application with React / TypeScript / Next.js / Recoil / Firestore.

Package version

• React: 18.2.0
• TypeScript: 5.0.2
• Recoil: 0.7.7
• Next.js: 13.2.4
• Firebase JavaScript SDK: v9

Usage

installation

to launch application locally,

yarn install
yarn dev

additional

1. register and get API key to use ChatGPT to get chat response
2. register your application with Firebase to add Firebase Authentication to the app, and store chat messages history in Firestore

then $ touch .env file and fill it below.

OPENAI_ENDPOINT=https://api.openai.com/v1/chat/completions
OPENAI_APIKEY=

NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGE_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=

hosting

not covered, so choose your favorite service.

Ref

https://zenn.dev/shin_t_o_/articles/chatgpt-clone-app