https://github.com/melodyxpot/next-chatbot
Let's talk with chatGPT. Next.js + OpenAI is the best compatible.
https://github.com/melodyxpot/next-chatbot
chatbot next openai
Last synced: 3 months ago
JSON representation
Let's talk with chatGPT. Next.js + OpenAI is the best compatible.
- Host: GitHub
- URL: https://github.com/melodyxpot/next-chatbot
- Owner: melodyxpot
- License: mit
- Created: 2023-03-18T11:51:25.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-18T11:54:58.000Z (over 3 years ago)
- Last Synced: 2025-10-09T09:43:11.722Z (9 months ago)
- Topics: chatbot, next, openai
- Language: TypeScript
- Homepage: https://static-gpt-chatbot.vercel.app
- Size: 792 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license
Awesome Lists containing this project
README
# Chatbot UI
A simple chatbot starter kit for OpenAI's chat model using Next.js, TypeScript, and Tailwind CSS.
## Features
Chatbot UI provides a simple, fully-functional chat interface that you can use to start building your own chatbot apps powered by OpenAI.
It has everything you need to hit the ground running.
Modify the chat interface in `components/Chat`.
Tweak the system prompt in `utils/index.ts`.
Tweak the assistant prompt in `pages/index.tsx`.
## Running Locally
**1. Clone Repo**
```bash
git clone https://github.com/cagesanta/next-chatbot.git
```
**2. Install Dependencies**
```bash
npm i
```
**3. Provide OpenAI API Key**
Create a .env.local file in the root of the repo with your OpenAI API Key:
```bash
OPENAI_API_KEY=
```
**4. Run App**
```bash
npm run dev
```
**5. Start Building**
You should be able to start chatting with the bot.
Now, go build the app into whatever kind of chatbot you want!
## Contact
If you have any questions, feel free to reach out to me on [Twitter](https://twitter.com/mckaywrigley).
I'd also love to see what you build with this starter kit - share your projects with me!