Skip to content

Latest commit

 

History

History
41 lines (26 loc) · 1.9 KB

README.md

File metadata and controls

41 lines (26 loc) · 1.9 KB
Raw

Vercel AI SDK useChat with Attachments Example

This example demonstrates how to use the Vercel AI SDK with Next.js with the useChat hook to create a chat interface that can send and receive multi-modal messages from the AI provider of your choice.

Deploy your own

Deploy with Vercel

How to use

Run create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example https://github.com/vercel-labs/ai-sdk-preview-attachments ai-sdk-preview-attachments-example
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-attachments ai-sdk-preview-attachments-example
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-attachments ai-sdk-preview-attachments-example

To run the example locally you need to:

  1. Sign up for accounts with the AI providers you want to use (e.g., OpenAI, Anthropic).
  2. Obtain API keys for each provider.
  3. Set the required environment variables as shown in the .env.example file, but in a new file called .env.
  4. npm install to install the required dependencies.
  5. npm run dev to launch the development server.

Learn More

To learn more about Vercel AI SDK or Next.js take a look at the following resources: