004 AI Chatbot 整体简介

Next.js AI Chatbot 是 Vercel 编写的一个 AI 对话机器人模板应用，其背后使用了 Vercer AI SDK。本教程为此应用的框架性简介。

项目地址为：

https://github.com/vercel/ai-chatbot

可在如下地址访问：

https://chat.vercel.ai/

1. AI Chatbot 项目简介

1.1 所使用的技术栈

• Next.js App Router Next.js
• React Server Components (RSCs), Suspense, and Server Actions
• Vercel AI SDK for streaming chat UI
• Support for OpenAI (default), Anthropic, Cohere, Hugging Face, or custom AI chat models and/or LangChain
• shadcn/ui
  • Styling with Tailwind CSS
  • Radix UI for headless component primitives
  • Icons from Phosphor Icons
• Chat History, rate limiting, and session storage with Vercel KV
• NextAuth.js for authentication

2. 在本地安装运行

2.1 获取 OpenAI API Key

(暂略)

2.2 Vercel KV

(可暂略)

2.3 直接运行

如果不需要记录对话历史，我们可以在配置 OpenAI API Key 之后直接运行：

（暂略）

2.4 KV credential & Github App

(暂略)

3. AI Chatbot 的项目结构

4. AI Chatbot 的工作逻辑——对话部分