A web chatbot built with NextJS using openAI API.
![image](https://private-user-images.githubusercontent.com/19681625/369719680-d807ed2b-5091-44f4-b2f8-54bb439960cd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4OTExOTUsIm5iZiI6MTczOTg5MDg5NSwicGF0aCI6Ii8xOTY4MTYyNS8zNjk3MTk2ODAtZDgwN2VkMmItNTA5MS00NGY0LWIyZjgtNTRiYjQzOTk2MGNkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDE1MDEzNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEzYTI5MDg0ZmQzNmI5ZTJmMGRkOWVjODJjNTE3YTU0NmY4ZGQ5NWQzYTBiMTRlYmUwMzYzMDk0ZTAyMDhiMTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.iDPJJ9fUtZ7xlrV_2ZULJsct3HVSuCYeGBnaNIaeRZI)
First, create a .env
file in root directory:
OPENAI_API_KEY=<YOUR_OPENAI_API_KEY>
CHAT_PROMPT=<YOUR_INITIAL_PROMPT_FOR_CHATBOT>
Then, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.