科学工具
科学工具让世界更美好
让世界更美好

聊天机器人 AI-Chatbot

AI-Chatbot 是基于人工智能技术构建的对话系统,能让你与用户进行自然语言交互。AI-Chatbot可以接受用户输入的文本,基于预训练的模型生成相应的回复,常用于提供信息、支持用户查询和完成特定任务。AI-Chatbot 可以集成到各种平台上,例如网站、社交媒体、移动应用等,提升用户体验,进行自动化沟通。通过 AI-Chatbot,企业和开发者可以提升客户满意度、提高工作效率。

AI Chatbot 基于 Next.js 和 AI SDK 构建,能帮助开发者快速搭建功能完善的聊天机器人应用,模板支持个性化修改。

AI-Chatbot 核心特性

• Next.js App Router:提供导航并有很高的性能,有进阶路由功能。

• React Server Components(RSCs)与 Server Actions:支持服务端渲染,能提升应用运行效率。

• AI SDK:统一 API 可生成文本、结构化对象并调用大语言模型工具,配套钩子函数可构建动态聊天界面和生成式用户界面,兼容 xAI(默认)、OpenAI、Fireworks 等多个模型提供商。

• shadcn/ui:结合 Tailwind CSS 实现样式设计,集成 Radix UI 组件基元,兼顾无障碍访问和使用灵活性。

• 数据持久化:通过 Neon 无服务器 Postgres 存储聊天记录和用户数据,借助 Vercel Blob 实现高效文件存储。

• Auth.js:提供简洁安全的身份验证功能。

模型提供商支持

模板默认搭载 xAI 的 grok-2-1212 聊天模型。借助 AI SDK,仅需修改少量代码,就能切换至 OpenAI、Anthropic、Cohere 等其他大语言模型提供商。

一键部署

点击部署按钮,就能在 Vercel 上部署属于自己的 Next.js AI 聊天机器人版本。

本地运行 AI-Chatbot

1、运行 Next.js AI Chatbot 需要用到 .env.example 中定义的环境变量。推荐使用 Vercel 环境变量,也可直接创建 .env 文件配置。注意:切勿提交 .env 文件,避免泄露密钥导致第三方非法访问你的 AI 服务和身份验证提供商账户。

2、安装 Vercel CLI:npm i -g vercel

3、关联本地实例与 Vercel 及 GitHub 账户(将创建 .vercel 目录):vercel link

4、下载环境变量:vercel env pull

5、执行 pnpm install 安装依赖。

6、执行 pnpm dev 启动项目。

7、应用模板将运行在 localhost:3000 端口。