Xerixy Launch Kit
Astro SaaS 模板
前后端不拆分,也能快速上线真正可用的 SaaS 界面。
这个 starter 把 Astro SSR、React islands、D1 持久化、R2 媒体分发和可直接部署的 Wrangler 配置放进了同一个项目。足够有主张,可以快速交付 MVP;也足够轻,可以继续重塑成下一款产品。
运行时
Workers SSR
数据库
D1 + Drizzle
存储
经 Worker 路由访问 R2
R2 空状态
你的落地页视觉素材会显示在这里。
页面已经在查询 Cloudflare R2 存储桶中的 `landing-page/` 前缀。设置好 `R2_BUCKET_NAME` 后运行 `pnpm r2:seed`,即可上传示例 SVG 资源。
一套真正懂 Cloudflare 的技术栈。
这个模板把关键职责划分得很明确:Wrangler 管绑定,Drizzle 管 schema,Astro 管渲染,React 只为真正需要交互的部分做 hydration。
通过 Drizzle 接好 D1
Schema、迁移和真实的线索收集 API 都已就绪,直接适配远程 Wrangler 工作流。
营销素材由 R2 提供
落地页资源通过 Worker 路由从 Cloudflare R2 拉取,缓存和访问策略都由你掌控。
下一阶段可直接接入认证
Better Auth 已安装并预留服务端入口与开关,不会阻塞当前 MVP 的落地。
为 MVP 设计的远程优先运维方式。
这些脚本刻意贴合 Cloudflare 的实际工作流:用 Drizzle Kit 生成 SQL,用 Wrangler 执行迁移,远程查看 D1,并在同一仓库里初始化 R2 内容。
替换占位的 D1 与 R2 绑定后,用 `wrangler deploy` 直接部署。
运行 `pnpm r2:seed` 上传示例 SVG 画廊,验证 R2 拉取链路。
拿到真实数据库 ID 后,对 D1 执行 `pnpm db:migrate:remote`。
把联系信息直接收进 D1。
这个示例表单演示了完整链路:React island 先在浏览器做校验,Astro 在 Workers 上处理请求,再由 Drizzle 把线索写入 Cloudflare D1。
内置 SEO 能力
- Canonical、Open Graph、Twitter Card 和结构化数据。
- 独立的 `robots.txt`、`sitemap.xml` 与 SVG 社交分享图接口。
- 语义化标题结构,以及来自代码元数据的服务端图片 alt 文本。
无需单独后端,也能收集真实购买意向。
这个 React island 会直接向 Cloudflare Workers 上的 Astro API 路由提交。浏览器先校验一次,写入 D1 前服务端再校验一次。