https://github.com/jukbot/vercel-ai-chat-openai
https://github.com/jukbot/vercel-ai-chat-openai
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/jukbot/vercel-ai-chat-openai
- Owner: jukbot
- Created: 2023-06-17T17:47:45.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-17T18:15:13.000Z (almost 3 years ago)
- Last Synced: 2025-01-08T16:03:13.432Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://vercel-ai-chat-openai-gules.vercel.app
- Size: 15.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vercel AI SDK, Next.js, and OpenAI Chat Example
This example shows how to use the [Vercel AI SDK](https://sdk.vercel.ai/docs) with [Next.js](https://nextjs.org/) and [OpenAI](https://openai.com) to create a ChatGPT-like AI-powered streaming chat bot.
## Deploy your own
Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=ai-sdk-example):
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fai%2Ftree%2Fmain%2Fexamples%2Fnext-openai&env=OPENAI_API_KEY&envDescription=OpenAI%20API%20Key&envLink=https%3A%2F%2Fplatform.openai.com%2Faccount%2Fapi-keys&project-name=vercel-ai-chat-openai&repository-name=vercel-ai-chat-openai)
## How to use
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example:
```bash
npx create-next-app --example https://github.com/vercel-labs/ai/tree/main/examples/next-openai next-openai-app
```
```bash
yarn create next-app --example https://github.com/vercel-labs/ai/tree/main/examples/next-openai next-openai-app
```
```bash
pnpm create next-app --example https://github.com/vercel-labs/ai/tree/main/examples/next-openai next-openai-app
```
To run the example locally you need to:
1. Sign up at [OpenAI's Developer Platform](https://platform.openai.com/signup).
2. Go to [OpenAI's dashboard](https://platform.openai.com/account/api-keys) and create an API KEY.
3. Set the required OpenAI environment variable as the token value as shown [the example env file](./.env.local.example) but in a new file called `.env.local`
4. `pnpm install` to install the required dependencies.
5. `pnpm dev` to launch the development server.
## Learn More
To learn more about OpenAI, Next.js, and the Vercel AI SDK take a look at the following resources:
- [Vercel AI SDK docs](https://sdk.vercel.ai/docs)
- [Vercel AI Playground](https://play.vercel.ai)
- [OpenAI Documentation](https://platform.openai.com/docs) - learn about OpenAI features and API.
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.