A multi-modal chatbot application using the Vercel AI SDK.
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.
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:
.env.example
file, but in a new file called .env
.npm install
to install the required dependencies.npm run dev
to launch the development server.To learn more about Vercel AI SDK or Next.js take a look at the following resources:
A multi-modal chatbot application using the Vercel AI SDK.
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.
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:
.env.example
file, but in a new file called .env
.npm install
to install the required dependencies.npm run dev
to launch the development server.To learn more about Vercel AI SDK or Next.js take a look at the following resources: