chatbot

用 Vercel 官方模板，快速搭建可定制的 AI 聊天机器人。

这是一个由 Vercel 官方打造的全功能、可高度定制的 AI 聊天机器人模板，基于 Next.js 和 React 构建。它解决了开发者快速搭建生产级聊天应用的需求，提供了完整的聊天界面、流式响应、会话管理、用户认证（如 GitHub 登录）、数据库存储（Redis）等开箱即用的功能。核心能力包括：支持多种 AI 模型（如 OpenAI、Anthropic 等）的灵活接入，通过 Vercel AI SDK 实现无缝集成；内置了可自定义的 UI 组件，方便二次开发；支持多租户和团队协作；提供了详细的部署文档，可一键部署到 Vercel。该项目是学习现代 AI 应用架构和快速启动项目的理想起点。

开源 unknown 对话助手

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 20965

维护状态维护中

是否开源是

定价模式 unknown

项目数据

分类对话助手

开发团队vercel

所属国家

官网地址https://chatbot.ai-sdk.dev

GitHubhttps://github.com/vercel/chatbot

定价模式unknown

价格说明官网为在线Demo，但未明确展示定价信息，需进一步确认。

访问状态

是否开源是

开源协议NOASSERTION

主要语言TypeScript

技术栈/模型ai,chatgpt,nextjs,react,redis,shadcn-ui,vercel

GitHub 星标★ 20965

30天Star增速

HF 下载量

上线时间2023-05-19 00:00:00

最近更新2026-09-22 00:00:00

维护状态维护中

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数6

使用教程

难度：进阶约 20 分钟部署方式：本地安装 6 步

环境要求

Node.js 环境（README 使用 pnpm 管理依赖）
pnpm 包管理器
Vercel 账号并安装 Vercel CLI（用于拉取环境变量）
已按 .env.example 配置好环境变量
本地数据库（README 使用 Neon Serverless Postgres，需可连通）

安装与启动步骤

1安装 Vercel CLI

全局安装 Vercel 命令行工具，后续用于关联项目并拉取线上环境变量。
```
npm i -g vercel
```
2关联 Vercel 项目

在项目根目录执行，按提示登录并关联 Vercel 与 GitHub 账号，生成 .vercel 目录。
```
vercel link
```
3拉取环境变量

从 Vercel 下载环境变量，生成 .env 文件供本地运行使用。
```
vercel env pull
```
4安装依赖

在项目根目录使用 pnpm 安装全部 JS/TS 依赖。
```
pnpm install
```
5初始化数据库

执行数据库迁移，创建表结构或应用最新变更，需先保证数据库连接可用。
```
pnpm db:migrate
```
6启动开发服务

运行开发服务器，默认监听 3000 端口，浏览器访问即可试用聊天界面。
```
pnpm dev
```

关键配置

配置项	必填	说明	示例
`.env`	是	本地运行所需环境变量文件，内容依据 .env.example 填写	`.env（由 vercel env pull 生成）`
`AI 模型提供商 API Key`	是	用于调用 OpenAI、Anthropic、Google、xAI 等模型服务	`sk-xxxxxxxx`
`数据库连接串`	是	Neon Serverless Postgres 连接地址，用于保存会话与用户数据	`postgres://user:password@host/db`
`认证提供方凭据`	否	如 GitHub 登录所需的客户端 ID 与密钥	`GitHub OAuth 配置`

如何确认成功

终端显示开发服务器已启动，浏览器打开 http://localhost:3000 能看到聊天页面并可发送消息。

常见问题

Q：必须使用 Vercel CLI 拉取环境变量吗？

A：README 推荐用 Vercel 环境变量，但也说明自建 .env 文件即可，只要内容参照 .env.example 填好即可本地运行。

Q：pnpm db:migrate 报错连不上数据库怎么办？

A：检查 .env 中数据库连接串是否正确、数据库实例是否可访问，确认后再重新执行迁移命令。

Q：可以不用 Vercel 部署吗？

A：README 提供一键部署到 Vercel 的方式，同时也支持本地运行，自托管需自行保证数据库与存储等服务可用。

Q：.env 文件可以提交到 Git 吗？

A：不可以。README 明确提示提交 .env 会泄露密钥，导致他人可操作你的 AI 与认证账号。

注意事项

不要把 .env 提交到仓库，避免泄露 AI 与认证账号密钥
本地运行依赖 .env.example 中定义的环境变量，缺失会导致启动或功能异常
数据库迁移必须先于启动开发服务器执行
默认访问地址为 http://localhost:3000

核心亮点

由 Vercel 官方维护，代码质量高，与 Next.js 生态深度集成
支持多种 AI 模型（OpenAI、Anthropic 等），切换灵活
内置认证、数据库、流式响应等生产级功能，开箱即用

不足之处

主要针对 Vercel 平台优化，部署到其他平台可能需额外配置
功能较多，对于简单聊天场景可能显得复杂

适用场景

快速构建 AI 聊天产品原型或 MVP
作为学习 Next.js + AI 应用开发的参考项目
需要多模型支持的企业级聊天应用基础

替代项目

LangChain Chat、Open WebUI、Lobe Chat

项目介绍

chatbot 是对话助手领域的开源项目，由 vercel 开发，2023 年首次发布。

在全站 13,014 个收录项目中，它的 GitHub 星标数（20,965）位列前 3%，在对话助手分类的 905 个项目里位列前 1%。

近 44 天，它的 GitHub 星标从 20,811 增加到 20,965，净增 154。

项目仍在小幅维护中，最近一次代码更新于 2026-09-22。官网为在线Demo，但未明确展示定价信息，需进一步确认。从国内网络环境看，可直接访问。

它主要面向的使用场景是：快速构建AI聊天产品原型或MVP。同类可对比的替代方案包括 LangChain Chat、Open WebUI、Lobe Chat。

上一篇：Freedom-To-Chatgpt-Claude-Agent

下一篇：NextChat