Vercel Ai Chat Mcp

Chat SDK

Chat SDK 是一个免费的开源模板，基于 Next.js 和 AI SDK 构建，助你快速打造强大的聊天机器人应用。

阅读文档 · 功能 · 模型提供商 · 部署自己的版本 · 本地运行

功能

• Next.js App Router
  • 高级路由，实现流畅的导航和出色的性能
  • React Server Components (RSCs) 和 Server Actions，支持服务端渲染并提升性能
• AI SDK
  • 统一的 API，可使用大模型生成文本、结构化对象并调用工具
  • 用于构建动态聊天界面和生成式用户界面的钩子
  • 支持 xAI（默认）、OpenAI、Fireworks 等模型提供商
• shadcn/ui
  • 使用 Tailwind CSS 进行样式设计
  • 提供 Radix UI 组件基元，兼顾无障碍性和灵活性
• 数据持久化
  • 使用 Neon Serverless Postgres 保存聊天记录和用户数据
  • 使用 Vercel Blob 高效存储文件
• Auth.js
  • 简单且安全的身份验证

模型提供商

此模板默认使用 xAI 的 grok-2-1212 作为聊天模型。不过，借助 AI SDK，只需几行代码即可切换大模型提供商，例如 OpenAI、Anthropic、Cohere 以及更多提供商。

部署自己的版本

只需单击一次，即可将自己的 Next.js AI Chatbot 版本部署到 Vercel：

本地运行

运行 Next.js AI Chatbot 需要使用.env.example 中定义的环境变量。建议使用 Vercel Environment Variables 管理这些变量，但只需一个 .env 文件即可。

注意：请勿提交 .env 文件，否则会暴露密钥，让他人能够控制你在各个 AI 和身份验证提供商处的账户访问权限。

1. 安装 Vercel CLI：npm i -g vercel
2. 将本地实例关联到 Vercel 和 GitHub 账户（会创建 .vercel 目录）：vercel link
3. 下载环境变量：vercel env pull

pnpm install
pnpm dev

现在，你的应用模板应该已在 localhost:3000 上运行。