vercel-labs/gemini-chatbot

这是什么？

核心功能

• 01基于 Next.js App Router，使用 React Server Components 与 Server Actions
• 02通过 AI SDK 统一接口生成文本、结构化对象和工具调用
• 03默认接入 Google Gemini，并支持 OpenAI、Anthropic、Cohere 等
• 04界面采用 shadcn/ui、Tailwind CSS 与 Radix UI 组件
• 05聊天记录保存在 Vercel Postgres，文件存放在 Vercel Blob
• 06使用 NextAuth.js 实现身份认证

适用场景

• 基于 Google Gemini 快速搭建自定义聊天界面
• 学习如何用 Vercel AI SDK 构建流式对话界面
• 原型开发支持多模型切换的 LLM 聊天应用
• 一键部署聊天机器人模板到 Vercel

快速上手

1. 1

   安装 Vercel CLI

   npm i -g vercel
2. 2

   将本地实例与 Vercel 和 GitHub 账户关联

   vercel link
3. 3

   下载环境变量

   vercel env pull
4. 4

   安装依赖并启动开发服务器

   pnpm install && pnpm dev

使用前须知

• !本地运行需要 Vercel 账户，并需将项目与 Vercel 和 GitHub 关联。
• !默认的 Gemini 模型需要 Google Generative AI API 密钥。
• !持久化和身份验证功能依赖 Vercel Postgres、Vercel Blob 和 NextAuth 的配置。

收录于专题

标签

常见问题

gemini-chatbot 是什么？

基于 Next.js 与 Vercel AI SDK 的聊天机器人模板，默认接入 Google Gemini，也可切换其他模型服务商。 这是一个基于 Next.js App Router 和 Vercel AI SDK 构建的开源聊天机器人模板。默认使用 Google Gemini（gemini-1.5-pro）模型，通过 AI SDK 只需少量代码即可切换到 OpenAI、Anthropic、Cohere 等服务商。

gemini-chatbot 可以免费使用吗？用的什么许可证？

gemini-chatbot 以 Other 许可证开源。用于商业产品前，请先确认许可证条款。

gemini-chatbot 还在维护吗？

活跃维护中。gemini-chatbot 最近一次提交是在 2026年10月23日。

gemini-chatbot 适合用来做什么？

基于 Google Gemini 快速搭建自定义聊天界面 学习如何用 Vercel AI SDK 构建流式对话界面 原型开发支持多模型切换的 LLM 聊天应用 一键部署聊天机器人模板到 Vercel

gemini-chatbot 怎么安装和运行？

安装 Vercel CLI: npm i -g vercel 将本地实例与 Vercel 和 GitHub 账户关联: vercel link 下载环境变量: vercel env pull 安装依赖并启动开发服务器: pnpm install && pnpm dev

在哪里获取 gemini-chatbot？

源代码和安装说明在 GitHub 上：https://github.com/vercel-labs/gemini-chatbot