用途:指导在 Vercel 部署的应用中集成无头 CMS,重点为 Sanity(Vercel Marketplace 原生集成,支持 Visual Editing),并涉及 Contentful、DatoCMS、Storyblok、Builder.io。
主要能力:Sanity 可通过 Marketplace 安装并自动注入环境变量,如 vercel integration add sanity,生成 SANITY_PROJECT_ID、SANITY_DATASET、SANITY_API_TOKEN 及 NEXT_PUBLIC_ 前缀变量;提供 SDK 安装(npm install next-sanity @sanity/client @sanity/image-url,可选 sanity @sanity/vision)、客户端配置、内容 Schema 定义、App Router 内嵌 Studio、defineLive() 实时内容、Visual Editing 与按需重新验证 Webhook。Contentful 使用 npm install contentful 并创建客户端、获取条目。
使用方式:按文档配置环境变量与客户端,在 Next.js 中查询内容;预览统一使用 Draft Mode;Sanity 的 defineLive 在 v11+ 需从 next-sanity/live 导入,VisualEditing 从 next-sanity/visual-editing 导入;v12 移除了 defineLive({fetchOptions:{revalidate}}),defineLive({stega}) 已弃用。Webhook 在 Sanity 的 Settings → API → Webhooks 指向站点 /api/revalidate。
适用场景:需要内容建模、实时预览、可视化编辑与缓存重新验证的 Vercel + Next.js 项目。
限制:资料未提供各 CMS 的收费、价格、平台支持范围与效果数据;DatoCMS、Storyblok、Builder.io 仅提及名称,未给出具体用法。