Vercel AI Chatbot 是由 Vercel 官方开发的开源项目，旨在提供一个功能丰富、易于定制的 AI 聊天机器人模板。该项目基于 Next.js 和 Vercel AI SDK 构建，支持多种大语言模型（LLM）提供商，适合开发者快速构建和部署自定义的聊天应用。

核心功能

  • Next.js App Router：利用 React Server Components 和 Server Actions 实现高性能的服务端渲染和路由管理。
  • Vercel AI SDK：提供统一的 API 接口，支持文本生成、结构化对象和工具调用，兼容多种 LLM 提供商。
  • shadcn/ui：基于 Tailwind CSS 和 Radix UI 提供可访问性强、灵活的组件库。
  • 数据持久化：使用 Neon Serverless Postgres 存储聊天记录和用户数据，结合 Vercel Blob 实现高效的文件存储。
  • 认证系统：集成 Auth.js，实现简单安全的用户认证机制。

支持的模型提供商

默认使用 xAI 的 grok-2-1212 模型。通过 Vercel AI SDK，开发者可以轻松切换至其他 LLM 提供商，如 OpenAI、Anthropic、Cohere 等，只需修改少量代码即可完成配置。

快速部署

开发者可以通过一键部署将该聊天机器人模板部署到 Vercel 平台，快速上线自己的聊天应用。

本地运行指南

  1. 克隆项目：

    git clone https://github.com/vercel/ai-chatbot.git
cd ai-chatbot

  2. 安装依赖：

    npm install

  3. 配置环境变量：

    复制 .env.example 为 .env，并根据需要修改配置。

  4. 启动开发服务器：

    npm run dev

    应用将运行在 http://localhost:3000。

项目结构概览

  • app/：应用主目录，包含页面和路由配置。
  • components/：可复用的 UI 组件。
  • lib/：辅助函数和工具库。
  • public/：静态资源文件。
  • hooks/：自定义 React Hooks。
  • tests/：测试用例和配置。
  • 配置文件：包括 next.config.ts、tailwind.config.ts、tsconfig.json 等。

开源协议

该项目采用 MIT 许可证，允许自由使用、修改和分发。

如需了解更多信息，请访问项目仓库：https://github.com/vercel/ai-chatbot