Vercel AI SDK is a development kit launched by Vercel, the frontend website development and hosting platform and Next.js development team, for quickly building AI chatbot website applications. It helps developers build conversational AI user interfaces using JavaScript and TypeScript.
Features of Vercel AI SDK
- Supports frontend frameworks such as React/Next.js, Svelte/SvelteKit, and Vue/Nuxt, as well as Node.js, Serverless, and Edge Runtime
- Built-in adapters for various AI models, supporting large language models provided by LangChain, OpenAI, Anthropic, Hugging Face, and others
- Provides an interactive online prompt playground (sdk.vercel.ai), which includes 20 open-source and cloud LLMs. It can display chat interfaces of different conversational models in real time and quickly generate code.
- Provides multiple AI chatbot templates and examples. You can clone/copy the initial templates of AI chatbots developed based on different frameworks and models provided by Vercel
How to use Vercel AI SDK
- Prerequisites: Node.js 18+ needs to be installed on your computer. If you want to develop a GPT chatbot based on OpenAI, you need to obtain an OpenAI API key
- Use Next.js (
pnpm dlx create-next-app my-ai-app) or Svelte (pnpm create svelte@latest my-ai-app) and other frameworks to create a brand-new project, and navigate to the created directory (cd my-ai-app） - Install dependencies,
pnpm install ai openai-edge - Configure the OpenAI API key,
.env.localCreate a file in the project root directory and add your OpenAI API key - Create an API route and connect the UI. After completion, use
pnpm run devto run and start the application
