Next.js AI聊天机器人
一个使用Next.js、Vercel AI SDK、Google Gemini和Vercel KV构建的开源AI聊天机器人应用模板。
功能 · 模型提供商 · 部署您自己的版本 · 本地运行 · 作者
功能
- Next.js App Router
- React服务器组件(RSCs)、Suspense和服务器操作
- Vercel AI SDK用于流式聊天界面
- 支持Google Gemini(默认)、OpenAI、Anthropic、Cohere、Hugging Face或自定义AI聊天模型和/或LangChain
- shadcn/ui
- 使用Tailwind CSS进行样式设计
- Radix UI用于无头组件原语
- 来自Phosphor Icons的图标
- 使用Vercel KV进行聊天历史、速率限制和会话存储
- 使用NextAuth.js进行身份验证
模型提供商
此模板默认使用Google Gemini的models/gemini-1.0-pro-001
。但是,得益于Vercel AI SDK,您只需几行代码就可以将LLM提供商切换为OpenAI、Anthropic、Cohere、Hugging Face,或使用LangChain。
部署您自己的版本
您可以通过一键点击将Next.js AI聊天机器人的自定义版本部署到Vercel:
本地运行
要运行Next.js AI聊天机器人,您需要使用.env.example
中定义的环境变量。建议您使用Vercel环境变量,但.env
文件也足够了。
注意:您不应提交
.env
文件,否则会暴露允许他人控制访问您的各种Google Cloud和身份验证提供商账户的秘密。
- 安装Vercel CLI:
npm i -g vercel
- 将本地实例与Vercel和GitHub账户关联(创建
.vercel
目录):vercel link
- 下载您的环境变量:
vercel env pull
pnpm install
pnpm dev
您的应用模板现在应该在localhost:3000上运行。
作者
这个库由Vercel和Next.js团队成员创建,贡献者包括:
- Jared Palmer (@jaredpalmer) - Vercel
- Shu Ding (@shuding_) - Vercel
- shadcn (@shadcn) - Vercel
- Jeremy Philemon (@jrmyphlmn) - Vercel