X

Xerixy Launch Kit

Astro SaaS 模板

Lang 简体中文
Cloudflare 原生 MVP

前后端不拆分,也能快速上线真正可用的 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 前服务端再校验一次。

表单响应会直接写入 Cloudflare D1。Better Auth 和防垃圾扩展点留给下一轮迭代。