跳到主要内容

Nextjs Chat

· 阅读需 3 分钟
Quany
Quany
软件工程师

一个使用 Next.js、Vercel AI SDK、OpenAI 和 Vercel KV 构建的开源 AI 聊天机器人应用模板。

功能​

  • Next.js 应用路由
  • React 服务器组件 (RSCs)、Suspense 和服务器操作
  • Vercel AI SDK 用于流式聊天 UI
  • 支持 OpenAI（默认）、Anthropic、Cohere、Hugging Face 或自定义 AI 聊天模型和/或 LangChain
  • shadcn/ui
  • 聊天记录、速率限制和会话存储使用 Vercel KV
  • NextAuth.js 用于身份验证

模型提供者​

此模板默认使用 OpenAI gpt-3.5-turbo。然而，得益于 Vercel AI SDK，你可以通过几行代码切换 LLM 提供者到 Anthropic、Cohere、Hugging Face 或使用 LangChain。

创建一个 KV 数据库实例​

按照 Vercel 提供的 快速入门指南 中的步骤操作。该指南将帮助你在 Vercel 上创建和配置你的 KV 数据库实例，使你的应用程序能够与之交互。

记得在 .env 文件中更新你的环境变量 (KV_URL, KV_REST_API_URL, KV_REST_API_TOKEN, KV_REST_API_READ_ONLY_TOKEN) 以使用在 KV 数据库设置期间提供的适当凭据。

本地运行​

你需要使用 中定义的环境变量来运行 Next.js AI 聊天机器人。建议你使用 Vercel 环境变量，但 .env 文件是必要的。

注意：你不应该提交你的 .env 文件，否则会暴露秘密，允许他人控制对你各种 OpenAI 和身份验证提供者账户的访问。

  1. 安装 Vercel CLI: npm i -g vercel
  2. 将本地实例与 Vercel 和 GitHub 账户链接（创建 .vercel 目录）：vercel link
  3. 下载你的环境变量：vercel env pull
pnpm install
pnpm dev

你的应用模板现在应该在 localhost:3000 上运行。

定价​

888 元

  • 交付源代码

1888 元

  • 交付源代码
  • 协助部署到 vercel

备注留下微信号： 付款码