Vercel AI SDK是前端网站开发和托管平台及Next.js开发团队「Vercel」推出的,用于快速构建AI聊天机器人网站应用程序的开发套件,可以帮助开发人员使用JavaScript和TypeScript构建对话式的AI用户界面。

以上是通过 Vercel AI SDK Playground 比较 OpenAI GPT-4、Anthropic Claude 和 Hugging Face 的结果
Vercel AI SDK的特性
- 支持React/Next.js、Svelte/SvelteKit和Vue/Nuxt等前端框架,以及Node.js、Serverless和Edge Runtime
- 内置各种AI模型的适配器,支持LangChain、OpenAI、Anthropic和Hugging Face等提供的大语言模型
- 提供交互式在线提示playground(sdk.vercel.ai),其中包含20个开源和云LLM。可以实时展示不同对话模型的聊天界面,并且可以快速生成代码。
- 提供多个AI聊天机器人的模板和示例,你可以克隆/复制Vercel提供的基于不同框架和模型开发的AI聊天机器人的初始模板
如何使用Vercel AI SDK
- 前提条件需要在电脑上安装Node.js 18+版本,如果要开发基于OpenAI的GPT聊天机器人,需要获得OpenAI API密钥
- 使用Next.js(
pnpm dlx create-next-app my-ai-app
)或者Svelte(pnpm create svelte@latest my-ai-app
)等框架创建一个全新的项目,并定位到创建好的目录(cd my-ai-app
) - 安装依赖项,
pnpm install ai openai-edge
- 配置 OpenAI API 密钥,
.env.local
在项目根目录中创建一个文件并添加您的 OpenAI API 密钥 - 创建API路由并连接UI,完成后使用
pnpm run dev
运行启动应用程序
AI Chatbot
除了上述产品之外, Vercel 还推出了一个使用 Next.js、Vercel AI SDK、OpenAI 和 Vercel KV 构建的开源 AI 聊天应用模板。

在线体验地址:https://chat.vercel.ai/
AI Chatbot 模板应用具有以下特性:
- Next.js App Router
- React 服务端组件 (RSCs)、Suspense 和服务端操作
- 支持使用 Vercel AI SDK 来进行流式聊天 UI
- 支持使用 OpenAI(默认)、Anthropic、HuggingFace 或自定义 AI 聊天模型和/或 LangChain Edge 运行时准备就绪
- shadcn/ui
- 使用 Tailwind CSS 进行样式设置
- 使用 Phosphor Icons 图标
- 使用 Vercel KV 进行聊天历史记录、速率限制和会话存储
- 使用 Next Auth 进行身份验证
Github 源码地址:https://github.com/vercel-labs/ai-chatbot