垦荒学园
  • 中文

      • 资源与延伸阅读

      AI SDK 迭代快（7.x 已改消息流 helper、ESM-only、默认 Gateway）。以官方文档为准，不要死记本教程里的模型 ID。

      官方

      资源URL
      文档首页https://sdk.vercel.ai/docs
      镜像站点https://ai-sdk.dev/docs
      App Router Quickstarthttps://ai-sdk.dev/docs/getting-started/nextjs-app-router
      Generating / streaming texthttps://ai-sdk.dev/docs/ai-sdk-core/generating-text
      Tool callinghttps://ai-sdk.dev/docs/ai-sdk-core/tools-and-tool-calling
      Chatbot (useChat)https://ai-sdk.dev/docs/ai-sdk-ui/chatbot
      Stream protocolshttps://ai-sdk.dev/docs/ai-sdk-ui/stream-protocol
      Providers and modelshttps://ai-sdk.dev/docs/foundations/providers-and-models
      OpenAI Compatiblehttps://ai-sdk.dev/providers/openai-compatible-providers
      AI SDK RSC（实验性）https://ai-sdk.dev/docs/ai-sdk-rsc/overview
      HarnessAgenthttps://ai-sdk.dev/docs/ai-sdk-harnesses/harness-agent
      7.0 迁移https://ai-sdk.dev/docs/migration-guides/migration-guide-7-0
      llms.txthttps://ai-sdk.dev/llms.txt
      GitHub vercel/aihttps://github.com/vercel/ai
      社区https://community.vercel.com/

      给 Cursor / Copilot 喂文档时，优先粘贴 llms.txt，而不是 2024–2025 年仍写 toDataStreamResponse 的博客。

      从 6.x 过来时先改这几处

      旧写法7.x
      Node 18 / 20Node 22+，ESM
      toDataStreamResponse()createUIMessageStreamResponse + toUIMessageStream
      system:instructions:
      message.contentmessage.parts
      handleSubmit / 钩子管 inputsendMessage({ text }) + 自己的 useState
      maxStepsstopWhen: isStepCount(n)

      完整列表见官方 Migration Guide 7.0；可用 npx skills add vercel/ai --skill migrate-ai-sdk-v6-to-v7。

      常用 npm 包

      包何时安装
      ai始终（Core + Gateway）
      @ai-sdk/reactuseChat
      zod工具与 Output.object
      @ai-sdk/openai直连 OpenAI，不是 Gateway 字符串
      @ai-sdk/openai-compatibleOllama / 其它 /v1
      @ai-sdk/rsc实验性 streamUI
      @ai-sdk/harness + 适配器HarnessAgent

      官方模板：Chatbot Starter、Multi-Modal Chat、Structured Object Streaming、Generative UI with RSC（实验）。从 https://sdk.vercel.ai/docs 首页的 Templates 进入。

      本教程索引

      1. Vercel AI SDK 教程
      2. 简介
      3. 安装与环境
      4. 快速上手
      5. useChat 对话 UI
      6. 流式输出
      7. 工具调用
      8. RSC 与 streamUI
      9. Provider 与模型
      10. Next.js 集成
      11. 实战案例

      本站相关课程

      教程关系
      Next.jsApp Router、Route Handler、环境变量、部署
      React'use client'、hooks、useState
      TypeScript类型与 Zod
      Ollama本地 /v1，接到 OpenAI Compatible Provider
      LangChainPython Agent / RAG；本课是 TS 全栈路径
      Node.js无 Next 的脚本运行时

      贡献

      本教程位于 垦荒学园 / Kenhuang Academy。Gateway 字符串、useChat 签名或流 helper 变更时，请提 Issue 或 PR，同步更新 docs/zh/ai-sdk/ 与 docs/en/ai-sdk/。

      评论