在这里插入图片描述

组成

  • Next.js App Router
    高级路由可实现无缝导航和性能
    React 服务器组件 (RSC) 和服务器操作,用于服务器端渲染和提高性能

  • AI 开发工具包
    用于使用 LLM 生成文本、结构化对象和工具调用的统一 API
    用于构建动态聊天和生成式用户界面的 Hooks
    支持 OpenAI(默认)、Anthropic、Cohere 和其他模型提供程序

  • shadcn/ui
    使用 Tailwind CSS 设置样式
    来自 Radix UI 的组件基元,可实现可访问性和灵活性
    数据持久化
    由 Neon 提供支持的 Vercel Postgres 用于保存聊天记录和用户数据
    Vercel Blob 用于高效文件存储

  • NextAuth.js
    简单安全的身份验证
    模型提供商
    此模板默认附带 OpenAI。但是,使用 AI SDK,您只需几行代码即可将 LLM 提供商切换到 OpenAI、Anthropic、Cohere 等。gpt-4o

  • 部署
    您可以一键将自己的 Next.js AI Chatbot 版本部署到 Vercel:

在本地运行
您需要使用环境变量定义于.env.example以运行 Next.js AI Chatbot。建议你使用 Vercel 环境变量,但只需要一个文件。.env

注意:您不应提交您的文件,否则它会暴露机密,允许其他人控制对您的各种 OpenAI 和身份验证提供商帐户的访问

安装 Vercel CLI:npm i -g vercel
将本地实例与 Vercel 和 GitHub 帐户链接(创建目录):.vercelvercel link
下载您的环境变量:vercel env pull
pnpm install
pnpm dev
Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐