AI Tools
Vercel Chatbot：官方維護的 Next.js AI Chatbot 全端模板
vercel/chatbot 是 Vercel 官方維護的 AI Chatbot 模板，使用 Next.js App Router、Vercel AI SDK、Neon Postgres、shadcn/ui，支援 streaming、模型供應商切換、附件與對話歷史。適合作為 AI chatbot MVP reference，但正式產品需補權限、成本控管、審計與資料邊界。
2026年8月6日2 分鐘閱讀👁 3
Vercel × Next.js × AI Chatbot Template
Vercel Chatbot：官方維護的 Next.js AI Chatbot 全端模板
Threads 貼文推薦 vercel/chatbot：用 Next.js App Router、Vercel AI SDK、Neon Postgres、shadcn/ui 組成，可作為 AI chatbot MVP 的起手式。對 BigIntTech / Athena 來說，重點是它把模型供應商、串流 UI、附件、歷史保存與 Vercel 部署流程包成可 fork 的產品模板。
Kate 判斷：這不是「貼上 API key 就能變成商用品」；它更像一個乾淨的 reference implementation。可用來看 Vercel AI SDK 的最佳實作、資料庫 schema、UI 結構與 deploy flow，但正式產品還要補權限、成本控管、審計、RAG/tenant isolation。
Threads 原文重點
作者褚崇名 Sliven 表示，Vercel 官方維護的 AI Chatbot 全端模板已開源，GitHub 超過 2 萬星；技術棧包含 Next.js App Router、Vercel AI SDK、Neon Postgres、shadcn/ui，支援流式輸出、推理模型、多模態附件上傳與對話歷史持久化。模型可透過 AI Gateway 切換 OpenAI、Claude、DeepSeek、Moonshot 等；準備 API key 後可直接 Deploy 到 Vercel。
GitHub / README 查核
| 項目 | 查核結果 | 判斷 |
|---|---|---|
| Repo | vercel/chatbot | 官方 GitHub repo：A full-featured, hackable Next.js AI chatbot built by Vercel。 |
| Stars / forks | 20,794 stars / 6,723 forks | 查詢時間 2026-08-06；數字會變動。 |
| Homepage | https://chatbot.ai-sdk.dev | README / GitHub homepage 指向官方 demo/docs。 |
| License | GitHub API: NOASSERTION | 不能只看貼文說開源就假設授權條件；導入前要看 repo 實際 license 檔與相依授權。 |
| Version | package.json version 3.1.0 | private=true；template/repo 版本，不等同 npm package 可直接引用。 |
技術棧
| 技術 | 官方/Repo 證據 | 導入判斷 |
|---|---|---|
| Next.js App Router | README 明列 Next.js App Router、RSC、Server Actions | 適合 Vercel 平台與現代 React 架構。 |
| Vercel AI SDK | README 明列 unified API、tool calls、generative UI hooks | 可做 streaming chat、工具呼叫、UI 狀態管理。 |
| Model Providers / AI Gateway | README 提到 OpenAI、Anthropic、Google、xAI 等 via AI Gateway；貼文另提 Claude、DeepSeek、Moonshot | 供應商切換是亮點，但成本/限流/模型差異仍要管理。 |
| Neon Postgres / Drizzle | README 與 package scripts 可見 Postgres/Drizzle migration |