跳转到正文
完整 SaaS · Provider 可插拔

专心做产品,别重复接基础设施

TanStack Start、Better Auth、D1、R2、KV、支付、AI、内容、分析与可插拔邮件一次接好;邮件额外支持 AWS SES、Resend 与 Cloudflare Email。

14 个生产模块3 个支付 Provider3 个邮件 Provider一次配置即可部署
app.yourproduct.com
真实产品界面

从注册到收入,一套模板跑通

系统状态正常
Revenue
$12,480+18.2%
Active users
1,284+12.4%
API calls
482k+24.1%
MRR growth+18.2%
最近活动
New Pro subscription
Stripe · $99/year
2m
File uploaded
R2 · product-demo.mov
8m
API key created
Production key
21m

生产级基础设施,保持 Provider 可替换

TanStack StartCloudflareBetter AuthDrizzleStripeCreemWaffoAWS SES

同一套技术,从本地到全球

一套现代技术栈,从本地一直跑到生产

TanStack 与 Cloudflare 负责核心运行时;容易被供应商锁定的能力统一包在 provider registry 后面,随时可替换。

React 19

React 19 负责界面,结合类型安全路由与 Base UI 可复用组件构建完整产品界面。

TanStack Start

TanStack Start 与 Router 提供文件路由、服务端 API、SSR 与 Worker 原生请求处理。

Drizzle + Better Auth

D1 类型安全持久化,加上邮箱密码、Google OAuth、验证邮件与管理员角色等真实鉴权能力。

Cloudflare Workers

Workers 运行应用,D1、R2、KV、Email 与 Workers AI 都通过类型安全 binding 注入。

公开功能矩阵已覆盖

官网列出的技术栈,不再只是名字。

每项能力都对应可运行的页面、API、Provider、持久化或部署绑定,而不是依赖清单里的占位。

Core runtime

React 19TanStack StartTanStack RouterViteTypeScript

Cloudflare

WorkersD1R2KVEmailWorkers AI

Product infrastructure

Better AuthDrizzle ORMStripeCreemWaffo

Email & audience

ResendCloudflare EmailAWS SESBeehiivReact Email

UI & content

Shadcn UI v4Base UITailwind CSS v4Content CollectionsParaglide

AI

TanStack AIWorkers AIfal.aiStreaming chatImage editingTTS
模块化而不是堆文件

SaaS 越长大,模块边界仍然清楚

每个服务模块都由接口、provider 实现与 registry 组成。业务层只调用一个稳定入口,邮件、支付、Newsletter、通知、存储、缓存与 AI 都可以独立替换。

feature/
├── types.ts # stable contract
├── provider/
│   ├── vendor-a.ts
│   └── vendor-b.ts
└── index.ts # registry
01

Authentication

Better Auth, email/password, social login, sessions and admin roles.

02

Payments

Stripe, Creem and Waffo behind one checkout and webhook contract.

03

Email & newsletter

Resend, Cloudflare Email and AWS SES, plus Beehiiv and waitlist flows.

04

AI playground

TanStack AI with Workers AI for chat, text, images, editing and speech.

05

Data & files

D1 with Drizzle, R2 files and KV caching, all fully typed.

06

Product surfaces

Landing, pricing, blog, dashboard, settings, billing and admin.

可恢复的一键配置

配置一次,以后只换 provider

中央配置描述产品,provider registry 隔离第三方服务。Setup CLI 自动写环境文件、构建、配置 Cloudflare、迁移 D1、同步 secrets,并可创建 GitHub 仓库。

  1. 1

    定义产品

    在中央配置中修改项目名、产品信息、导航、价格和功能开关。

  2. 2

    选择 Provider

    邮件可选 Resend、Cloudflare Email 或 AWS SES;支付可选 Stripe、Creem 或 Waffo,其它服务也遵循同样模式。

  3. 3

    填写密钥

    只填写已启用 provider 需要的环境变量;敏感值保持服务端,并在部署时同步到 Workers。

  4. 4

    一键发布

    运行可恢复的 setup 命令,自动生成迁移、验证构建、配置 Cloudflare 资源并部署。

查看方案
terminal
$ npx tanstarter-cli@latest create
? Project name my-saas
? Mail provider AWS SES

Dependencies installed

D1, R2 and KV configured

Database migrated

Worker build verified

Resume any interrupted setup with
npx tanstarter-cli resume

FAQ

常见问题

是。它包含鉴权、D1 持久化、R2 存储、KV 缓存、支付、事务邮件、Newsletter、AI、分析、客服、内容系统、Dashboard/Settings/Admin 与 API 基础设施。

Starter 应该消灭重复接入,而不是把复杂度藏起来

关键边界都保持显式:类型接口、小型 provider、registry、中央配置、真实迁移,以及可以检查和扩展的可恢复 setup 命令。

从完整模板开始