这是一个由Vercel实验室构建的功能齐全、可定制的Next.js AI聊天机器人
作者:Sec-Labs | 发布时间:
项目地址
https://github.com/vercel-labs/ai-chatbot
小编推荐:Next.js AI Chatbot
相关技术点
- Next.js:React框架的SSR版本
- Vercel AI SDK:Vercel提供的AI开发工具包
- OpenAI/Anthropic/HuggingFace/LangChain:AI聊天模型提供商
- Vercel KV:Vercel提供的键值存储服务
- Tailwind CSS:一种现代的CSS框架
- Radix UI:无样式UI组件库
- Next Auth:Next.js的认证库
项目用途
Next.js AI Chatbot是一个开源的AI聊天机器人应用模板,基于Next.js、Vercel AI SDK、OpenAI和Vercel KV构建。它包括了以下特点:
- 基于Next.js的应用程序路由器
- React Server Components (RSCs)、Suspense和Server Actions
- 支持OpenAI(默认)、Anthropic、HuggingFace或自定义AI聊天模型和/或LangChain
- 基于Edge的运行时
- 样式:使用Tailwind CSS和Radix UI库,图标使用Phosphor Icons
- 聊天历史记录、速率限制和会话存储:使用Vercel KV
- 认证:使用Next Auth
此应用程序的主要作用是提供一个AI聊天机器人的应用模板。其可以根据用户输入进行自然语言处理,并回复相应的信息。同时,该应用还提供了自定义AI聊天模型和/或LangChain的支持,使用户可以根据自己的需求进行自定义。

Next.js AI聊天机器人
使用Next.js、Vercel AI SDK、OpenAI和Vercel KV构建的开源AI聊天机器人应用模板。
特性 · 模型提供者 · 部署您自己的 · 本地运行 · 作者
特性
- Next.js 应用路由器
- React 服务器组件(RSCs)、暂停和服务器操作
- Vercel AI SDK 用于流式聊天UI
- 支持OpenAI(默认)、Anthropic、HuggingFace或自定义AI聊天模型和/或LangChain
- 边缘运行时准备就绪
- shadcn/ui
- 使用Tailwind CSS进行样式设置
- Radix UI 用于无头组件原语
- 图标来自Phosphor Icons
- 使用Vercel KV的聊天历史记录、速率限制和会话存储
- Next Auth 用于身份验证
模型提供者
该模板默认使用OpenAI gpt-3.5-turbo。但是,由于Vercel AI SDK的存在,您可以轻松地使用几行代码将LLM提供者切换为Anthropic、HuggingFace或使用LangChain。
部署您自己的
您可以一键部署自己的Next.js AI聊天机器人版本到Vercel:
本地运行
您需要使用.env.example中定义的环境变量来运行Next.js AI聊天机器人。建议您使用Vercel环境变量进行此操作,但仅需要一个.env文件即可。
注意:您不应提交您的
.env文件,否则将会暴露出允许他人控制您的各种OpenAI和身份验证提供程序帐户访问权限的机密。
- 安装Vercel CLI:
npm i -g vercel - 将本地实例与Vercel和GitHub帐户连接(创建
.vercel目录):vercel link - 下载您的环境变量:
vercel env pull
pnpm install
pnpm dev
您的应用程序模板现在应该在localhost:3000上运行。
作者
标签:ChatGPT