用途:为已有 Nuxt Content 网站添加可视化内容编辑能力,支持在生产环境直接编辑内容,通常部署到 studio.domain.com 或 cms.domain.com 等子域名。
主要能力:提供三种编辑器(Monaco 代码编辑器、TipTap 可视化 WYSIWYG、表单编辑器),支持 GitHub/GitLab/Google OAuth 认证,基于 Git 的内容管理与提交集成。
前置条件:Nuxt ≥3.x、@nuxt/content ≥2.x、建议 Node.js ≥20.x;Cloudflare 部署需 Cloudflare 账号。
安装:npx nuxi module add nuxt-studio@beta(当前为 v1.0.0-beta.3)。开发模式访问 http://localhost:3000/_studio。
OAuth:需设置 NUXT_OAUTH_<PROVIDER>_CLIENT_ID/SECRET,回调地址为 https://studio.yourdomain.com/api/auth/callback/[provider]。
Cloudflare 部署:在 nuxt.config.ts 中设置 nitro.preset 为 cloudflare-pages,可选 wrangler.toml,配置环境变量与自定义域名。
编辑器配置:studio.editor.default 可选 tiptap、monaco 或 form。
常见错误:OAuth 回调地址不匹配、模块未找到、Cloudflare 构建失败、登录后认证循环、子域名路由失效。
限制:资料未提供收费、价格、平台支持范围及效果保证等信息。