gemini-chatbot

用 Vercel AI SDK + Gemini 快速搭建生成式 UI 聊天机器人

开源 🏷️定价信息待确认 ✅ 目前可打开 对话助手 🍴 复刻 496 🐛 待处理 36 👀 关注 8
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 1358
维护状态 较活跃
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

gemini-chatbot 项目界面预览图
图片来源：项目官网

项目数据

分类对话助手
开发团队vercel-labs
官网地址https://gemini.vercel.ai
GitHubhttps://github.com/vercel-labs/gemini-chatbot
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态✅ 目前可打开
是否开源是
开源协议NOASSERTION
主要语言TypeScript
技术栈/模型ai,chatbot,gemini-pro,nextjs,react,typescript,vercel
GitHub 星标★ 1358
上线时间2024-04-03 00:00:00
代码更新2026-10-23
仓库体积11.2 MB
本站数据更新2026-11-09
维护状态较活跃
收录时间2026-08-09
浏览次数4

项目介绍

gemini-chatbot 是一个基于 Vercel AI SDK 和 Google Gemini 模型构建生成式 UI 聊天机器人的开源模板。它解决了开发者从零搭建 AI 聊天界面和交互逻辑的繁琐问题，提供了一套完整的、可快速上手的解决方案。核心能力包括：集成 Gemini Pro 模型，支持流式响应，提供可复用的聊天 UI 组件，并实现了生成式 UI（即模型输出可触发前端组件渲染）的交互模式。项目采用 TypeScript 编写，基于 Next.js 和 React，部署在 Vercel 上，适合作为学习或生产级聊天应用的起点。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 1358

使用教程

ℹ 本教程由 AI 依据该项目 README 整理，个别步骤可能需要按你的环境微调。

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

环境要求

  • Node.js 环境与 pnpm 包管理器
  • Vercel 账号及 Vercel CLI
  • README 中 .env.example 所列的环境变量（模型与认证服务密钥）
  • 可访问 Google Gemini 等模型服务的 API 凭据

安装与启动步骤

  1. 1安装 Vercel CLI

    全局安装 Vercel 命令行工具，后续用它关联项目并拉取环境变量。

    npm i -g vercel

  2. 2关联 Vercel 项目

    在项目目录执行，按提示登录并绑定 Vercel 与 GitHub 账号，生成 .vercel 目录。

    vercel link

  3. 3拉取环境变量

    把 Vercel 项目里配置的环境变量下载到本地 .env 文件，供应用读取。

    vercel env pull

  4. 4安装依赖

    在项目根目录用 pnpm 安装全部依赖，需联网下载 npm 包。

    pnpm install

  5. 5启动开发服务

    运行开发服务器，启动完成后应用默认监听 3000 端口。

    pnpm dev

如何确认成功

终端显示启动成功后，浏览器打开 http://localhost:3000/ 能看到聊天界面并正常对话。

常见问题

Q：可以不用 Vercel CLI 吗？

A：可以。README 说明用 Vercel CLI 只是推荐方式，手动把 .env.example 复制为 .env 并填写变量同样能本地运行。

Q：环境变量该填哪些值？

A：参考项目根目录的 .env.example，其中列出了运行所需的全部变量名，按注释填入自己的密钥即可。

Q：本地访问地址是什么？

A：README 明确说明应用运行在 http://localhost:3000/，即默认 3000 端口。

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

A：不能。README 特别提醒提交 .env 会泄露密钥，导致他人可控制你的 Google Cloud 和认证服务账号。

注意事项

  • 务必不要将 .env 文件提交到代码仓库。
  • 本地运行前建议确认 pnpm 已安装，README 使用 pnpm 作为包管理器。
  • 部署到 Vercel 可用官方一键部署按钮，README 未给出具体命令。

核心亮点

  • 完整集成 Vercel AI SDK 与 Gemini Pro，开箱即用的流式聊天体验
  • 展示生成式 UI 交互模式，模型输出可动态渲染 React 组件
  • 基于 Next.js 和 TypeScript，代码结构清晰，易于定制扩展

不足之处

  • 依赖 Vercel 和 Google Cloud 服务，本地开发需配置密钥
  • 文档/社区待观察

适用场景

  • 快速构建 AI 聊天机器人 MVP 或产品原型
  • 学习 Vercel AI SDK 与生成式 UI 的实践案例
  • 作为企业内部客服或知识问答助手的基础框架

替代项目

chatbot-ui、assistant-ui、shadcn/ui chat

上一篇：Discord-AI-Chatbot

下一篇：bedrock-chat

同类项目推荐

chat 开源

用 Nuxt 快速搭建 AI 聊天机器人，开箱即用

Nuxt AI Chatbot Template made with Nuxt UI and Vercel AI SDK.

★ 380 2026-08-09
anythingllm-mobile 开源

把私有 AI 助手装进手机，离线也能问答和跑 Agent

An AI Agent that lives in your pocket. Local-first and privacy focused.

★ 189 2026-09-24
heoster-jarvis-ai-assistant 开源

用 LangChain 搭一个你自己的贾维斯私人助手

Heoster AI 2026: Intelligent Personal Assistant Powered by LangChain & Transformers

★ 117 2026-09-12
libre-chat 开源

自托管聊天机器人，离线运行，一键部署私有 LLM 服务

Free and Open Source Large Language Model (LLM) chatbot web UI and API. Self-hosted,···

★ 172 2026-08-09
Mojo-Webqq 开源

用 Perl 打造 QQ 机器人，HTTP API 即插即用

【重要通知：WebQQ将在2019年1月1日停止服务，此项目目前已停止维护，感谢大家四年来的一路···

★ 1702 2026-08-09
seq2seq-chatbot 开源

用TensorFlow快速搭建自己的seq2seq聊天机器人

A sequence2sequence chatbot implementation with TensorFlow.

★ 99 2026-08-09
chatmemory 开源

让 AI 记住你，告别每次从零聊起

The simple yet powerful long-term memory manager between AI and you

★ 121 2026-08-09
DeepQA 开源

用 TensorFlow 训练你的第一个生成式聊天机器人

My tensorflow implementation of "A neural conversational model", a Deep learning bas···

★ 2907 2026-08-09