[{"data":1,"prerenderedAt":19},["ShallowReactive",2],{"doc-intro":3},{"slug":4,"title":5,"description":6,"toc":7,"html":18},"intro","介绍","模板包含什么，用了哪些技术。",[8,10,13,16],{"id":9,"text":9},"技术栈",{"id":11,"text":12},"nitro-是什么","Nitro 是什么",{"id":14,"text":15},"命令行与-ai-工具","命令行与 AI 工具",{"id":17,"text":17},"计划中","\u003Cp>快速上线小型 SaaS 的起步模板，部署在 Cloudflare Workers。\u003C\u002Fp>\n\u003Ch2 id=\"技术栈\">技术栈\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>部分\u003C\u002Fth>\n\u003Cth>用的是\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>页面\u003C\u002Ftd>\n\u003Ctd>Nuxt 4 + Vue\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>接口与构建\u003C\u002Ftd>\n\u003Ctd>Nitro（Nuxt 自带）\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>数据请求\u003C\u002Ftd>\n\u003Ctd>TanStack Vue Query\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>界面\u003C\u002Ftd>\n\u003Ctd>shadcn-vue + Tailwind CSS 4\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>数据库\u003C\u002Ftd>\n\u003Ctd>Cloudflare D1 + Drizzle\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>登录\u003C\u002Ftd>\n\u003Ctd>Better Auth：邮箱密码、邮箱验证、找回密码、Google、Google One Tap\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>邮件\u003C\u002Ftd>\n\u003Ctd>Resend 托管模板\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>多语言\u003C\u002Ftd>\n\u003Ctd>@nuxtjs\u002Fi18n：英文默认，中文在 \u003Ccode>\u002Fzh\u003C\u002Fcode> 下\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>文档\u003C\u002Ftd>\n\u003Ctd>Markdown，构建时转成静态 HTML\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Ch2 id=\"nitro-是什么\">Nitro 是什么\u003C\u002Fh2>\n\u003Cp>Nuxt 的服务端部分，负责接口、服务端渲染和打包。\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>server\u002Fapi\u002F\u003C\u002Fcode> 下的文件就是接口：\u003Ccode>health.get.ts\u003C\u002Fcode> → \u003Ccode>GET \u002Fapi\u002Fhealth\u003C\u002Fcode>。\u003C\u002Fli>\n\u003Cli>接口用 \u003Ccode>defineEventHandler\u003C\u002Fcode> 写，\u003Ccode>event\u003C\u002Fcode> 里能拿到请求、Cookie 和 D1 等绑定。这一层叫 H3，相当于 Express \u002F Hono。\u003C\u002Fli>\n\u003Cli>构建时按预设打包。本模板用 \u003Ccode>cloudflare_module\u003C\u002Fcode>：\u003Ccode>.output\u002Fserver\u002F\u003C\u002Fcode> 是 Worker 代码，\u003Ccode>.output\u002Fpublic\u002F\u003C\u002Fcode> 是静态文件。文档页的预渲染也由它完成。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"命令行与-ai-工具\">命令行与 AI 工具\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>工具\u003C\u002Fth>\n\u003Cth>类型\u003C\u002Fth>\n\u003Cth>安装\u003C\u002Fth>\n\u003Cth>用来做什么\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode>cf\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Cloudflare CLI\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>npm install -g cf\u003C\u002Fcode>，\u003Ccode>cf auth login\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>建 D1、执行正式库迁移、查账号资源\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>wrangler\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Cloudflare CLI\u003C\u002Ftd>\n\u003Ctd>项目依赖，\u003Ccode>npx wrangler login\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>本地预览、发布 Worker、改线上密钥\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>cloudflare-deploy\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Skill\u003C\u002Ftd>\n\u003Ctd>Codex 自带；Claude Code 软链接到 \u003Ccode>~\u002F.claude\u002Fskills\u002F\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>让 AI 按 Cloudflare 的产品选择和发布检查清单操作\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Resend MCP\u003C\u002Ftd>\n\u003Ctd>MCP\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>codex mcp add resend --url https:\u002F\u002Fmcp.resend.com\u002Fmcp\u003C\u002Fcode>（Claude Code：\u003Ccode>claude mcp add --transport http resend https:\u002F\u002Fmcp.resend.com\u002Fmcp\u003C\u002Fcode>），浏览器 OAuth 授权\u003C\u002Ftd>\n\u003Ctd>让 AI 管理发件域名、模板，查发送记录\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>resend\u003C\u002Fcode>、\u003Ccode>resend-cli\u003C\u002Fcode>、\u003Ccode>email-best-practices\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Skill\u003C\u002Ftd>\n\u003Ctd>按 \u003Ca href=\"https:\u002F\u002Fresend.com\u002Fsetup.md\">resend.com\u002Fsetup.md\u003C\u002Fa> 安装\u003C\u002Ftd>\n\u003Ctd>让 AI 按官方方式写发信代码、用 Resend CLI、处理投递问题\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>\u003Ccode>cf\u003C\u002Fcode> 和 \u003Ccode>wrangler\u003C\u002Fcode> 的登录互不通用，两个都要登。MCP 的 OAuth 授权有删除资源的权限；应用发信只用限制到发件域名的发送 Key。\u003C\u002Fp>\n\u003Ch2 id=\"计划中\">计划中\u003C\u002Fh2>\n\u003Cp>后台管理、支付订阅、GitHub 登录、按用户语言发邮件。\u003C\u002Fp>\n",1792485320586]