我把 Next.js + Vercel AI SDK 做成了一个「流式结构化输出」的 AI 工程模板

47 阅读1分钟

最近在系统性学习和实践 AI 工程,发现很多 AI Demo 停留在 “文本输出 + loading”这个层面。

所以我尝试做了一个 AI-native 的 Next.js 模板,重点放在:

  • 使用 generateObject / streamObject 做结构化 JSON 输出
  • UI 层支持逐字段流式更新,而不是等整段文本
  • Few-shot prompt 拆分为可维护的模块
  • Edge Runtime 优先,降低交互延迟
  • 为后续 RAG(pgvector)预留完整结构

这不是一个“写完就完”的项目,而是我会持续演进的工程模板。

GitHub: github.com/codeF1x/my-…

Demo: my-ai-arch.vercel.app/

下面放一张当前的架构图,欢迎交流想法 👇

architecture diagram.jpg

如果你也在做 AI-native Web 应用,或者对 streaming UI / prompt 工程 / RAG 架构感兴趣, 欢迎看看代码、提 issue 或 PR。