欢迎了解 TANSHIP Template

TanStack Start SaaS 样板工程专为 Cloudflare 而生

面向独立开发者与小团队的 TanStack Start SaaS 样板工程:认证、支付、数据库、邮件与 AI 工作流均已接通,是专为 Cloudflare Workers 打造的 TanStack Start SaaS 模板。配置好密钥,跳过数周的重复集成工作。

头像 1头像 2头像 3头像 4头像 5头像 6+99

每个 SaaS 都需要同一套核心系统 认证、支付、数据库、邮件

把它们全部接通,往往就要花上数周,而你甚至还没开始开发自己的产品功能。 至于 AI 的用量计量、限速与积分体系?同样得从零搭建。

一套完整的 TanStack Start SaaS 样板工程

完整、可部署的代码库,而非 UI 皮肤。

TANSHIP Template 是什么?

TANSHIP Template 是一个 TanStack Start SaaS 样板工程与起步套件,五套系统已实现——认证、支付、数据库、邮件与 AI。

天生为 Cloudflare 设计:D1 与 R2 直接绑定 Worker,Workers AI 走原生 AI binding,Turnstile 以 widget 密钥加服务端校验保护表单。

支付 webhook 经过签名校验且幂等,账单与资料视图均为完整实现——演示带你走一遍交付代码实现的核心流程。

为独立开发者与小团队 而生

四种人群,一个基础。

适合谁用

  • 独立开发者无需花数周搭建基础设施即可验证想法——核心系统已实现。
  • 小团队在清晰、类型安全的代码库上启动你的 MVP,模块边界清晰可扩展。
  • 立足中国、面向全球的开发者选择适配你市场的支付渠道,原生中英双语路由,运行在 Cloudflare 全球边缘网络。
  • 使用 AI 协作的开发者AGENTS.md 与 CLAUDE.md 为 AI 编码代理提供项目专属的上下文与规范。

六项核心能力 开箱即用

认证、支付、数据库、邮件、AI 与主题——都已接通在这套 TanStack Start SaaS 样板工程中。

内含哪些系统

  • 认证Better Auth,支持邮箱密码、Google OAuth 与会话管理。
  • 支付Creem、Stripe 与 PayPal 适配器,webhook 校验的账单体系。
  • 数据库基于 Cloudflare D1 的 Drizzle ORM,内置 18 张表。
  • 邮件Resend 事务邮件、双重确认 Newsletter 与受保护的联系表单。
  • AI 工作流核心 AI 工作流运行于 Workers AI 并扣减积分。
  • 主题与国际化34 套主题预设、可视化定制器与中英 URL 路由。

别再一遍遍 从零搭建这些基础系统

核心 AI 工作流真实运行在 Workers AI 上并扣减应用内积分。

一次付费,永久许可

完整源码通过私有仓库邀请交付——包含邮件支持与后续模板更新。

获取 TANSHIP Template

TANSHIP Template 的核心技术栈

TanStack Start
React
TypeScript
Tailwind CSS
shadcn/ui
Cloudflare
Drizzle ORM
Better Auth
Stripe
Resend
Lucide Icons
Google
Vite
TanStack Start
React
TypeScript
Tailwind CSS
shadcn/ui
Cloudflare
Drizzle ORM
Better Auth
Stripe
Resend
Lucide Icons
Google
Vite
差异化

基础设施之外

让一个 TanStack Start SaaS 起步套件变成真正产品的部分——真实运行的 AI 工作流、细节到位的主题与国际化、以及交付后归你所有的内置内容系统。

主题与国际化

34 套主题预设、可视化定制器与 URL 驱动的中英路由。

AI 工作流

核心 AI 工作流运行于 Workers AI 并扣减积分,工具界面可继续扩展。

内容系统

随源码交付的 Changelog 页面与 36 篇双语指南。

三项差异化能力全部随交付代码库内置——主题可用定制器换肤、AI 界面可扩展、内容页面归你所有。

细节到位的主题与国际化

34 套主题预设、可视化定制器与 URL 驱动的中英路由——这是模板与产品之间差别的来源。

主题定制器预览 - 浅色模式

34 套预设加定制器,而不是一套主题

开箱即含 34 套浅色与深色预设,可视化定制器通过 CSS 变量驱动颜色、5 档圆角、日间/夜间/跟随系统模式,以及 sidebar / floating / inset 三种侧边栏变体与 offcanvas / icon 折叠选项。在界面里改值即可换肤——主题文件不用动。

自定义主题按用户保存、刷新后自动恢复——你预览的效果,就是客户看到的效果。

国际化预览 - 浅色模式

中英双语由 URL 决定,而非浏览器

英文无前缀,中文位于 /zh——URL 是唯一的语言来源。没有语言 Cookie、没有浏览器探测、不会闪错语言。

所有可见文案都由翻译文件以中英双语交付,包括无障碍标签与 SEO 元数据,双语体验是完整的,而非表面功夫。命令面板与动态 OG 图补全了产品细节。

真正执行的 AI

8 个 AI 模块——核心工作流运行于 Workers AI 并带应用内积分计量,工具界面遵循可接入自有模型服务商的统一模式。

AI 模块预览 - 浅色模式

八个模块,核心工作流真实运行

模板包含 8 个 AI 模块——摘要、翻译、标语生成、语音合成、图像描述、两种图像生成视图与图像编辑。核心工作流直接调用 Cloudflare Workers AI 并扣减应用内积分,它们展示的是真实执行与真实扣分,其余工具界面则是刻意设计的可扩展演示。

完整的积分系统负责计量、限速与按方案的扣减,各方案已配置演示额度。上线时换成你自己的额度即可。

对买家来说,这意味着已接入的 AI 工作流页面从第一天起就演示真实行为——生成一句标语、翻译一段文字,看着积分数字随之变动。计量、限速与按方案的额度在接入自己的模型服务商之前就全部可用。

AI 扩展预览 - 浅色模式

接入你自己的模型服务商

核心工作流共用同一调用模式——服务边界、服务商调用与积分扣减。其余工具界面沿用同样的结构作为扩展接入点,随时接上你正在使用的模型服务商。

每个模块的逻辑都集中在一处,接入新服务商是局部改动:找到该模块的服务边界,把服务商调用换成你自己的,页面、计量与界面都继续工作。界面、积分扣减与结果渲染都已就位——复制同一套模式,就能把任意演示工具变成真实功能。

范围如实说明:核心工作流现已接入 Workers AI,其余工具界面是可扩展的界面——用你的服务商、你的密钥、你的调用。

内容系统,随代码交付

这套 TanStack Start SaaS 样板工程随附 Changelog 与 36 篇双语指南——这些页面你自己的产品迟早也需要。

Changelog 预览 - 浅色模式

可追溯的版本记录页

模板内置带版本的 Changelog 页面,买家可以查看代码库的演进过程。同一个页面会成为你产品的一部分,随时用来发布你自己的版本说明。

指南预览 - 浅色模式

36 篇双语指南

这套 TanStack Start SaaS 模板随附 36 篇双语指南,覆盖认证、支付、数据库、邮件、AI 与部署——项目特有的配置与部署步骤都在其中,助你顺利跑起来。指南是交付物的一部分,不是指向销售站的链接。

它们随代码库交付,成为你产品内的文档中心,而不是一个死文件夹。

核心系统

每个 SaaS 都始于这四套系统

认证、支付、数据库与邮件——每个产品都离不开的基础设施。从零搭建要花数周;从这套 TanStack Start SaaS 样板工程开始,它们已经接通。

认证

Better Auth,支持邮箱密码、Google OAuth、邮箱验证与会话管理。

支付

Creem、Stripe 与 PayPal 适配器,支持订阅、一次性付款与 webhook 校验的状态同步。

数据库

基于 Cloudflare D1 的 Drizzle ORM,含迁移与本地开发工作流。

邮件

基于 Resend 的双语事务邮件与确认流程。

四套系统均为完整实现——你配置自己的密钥与服务商,而不是重新设计架构。

认证与安全,开箱即用

Better Auth 已完整接线——每个 SaaS 在开发其他功能之前都需要的流程,无需自己实现会话管理。

认证流程预览 - 浅色模式

从注册到会话的完整流程

配置好 OAuth 与邮件密钥后,邮箱密码与 Google OAuth 从首次部署即可用。注册触发邮箱验证,登录通过 Better Auth 的 Cookie 处理创建受管会话,每次认证请求都会校验该会话——已为 TanStack Start 预配置。

流程覆盖真实产品需要的每个环节:注册、验证、登录、会话管理,以及用户忘记密码时的账户找回。认证路由是交付代码的一部分,字段、服务商与跳转都在一处调整,无需从零搭建整个流程——而且整套流程可在本地对着同一个 D1 数据库完整跑通,与你将要部署的环境一致。

安全防护预览 - 浅色模式

安全默认值,做到位

密码均以哈希存储,登录失败在数据库层被限速,新账户强制邮箱验证——这些加固通常是团队上线后才补的功课。密码重置使用限时、一次性的令牌,链接泄露也会自动过期。

会话与账户变更遵循 Better Auth 的已验证模式:涉及凭证的账户变更在生效前会重新验证用户身份;受保护路由已在代码中标记,你能清楚看到认证闸门落在哪些位置,只有明确原因时才移除这些护栏。安全是起点,而不是事后补的清单。

一个适配器,接通全部收款

三套适配器——Creem、Stripe 与 PayPal——统一由一个服务商开关控制,你选择市场,而不是选择底层实现。

支付适配器预览 - 浅色模式

选择服务商,拨动开关

在环境中设置 PAYMENT_PROVIDER,结账、webhook 与门户路由即绑定到该服务商。Creem 适合快速数字商品结账,Stripe 提供订阅并支持一次性付款的支付宝,PayPal 在自己的生态内覆盖订阅计费。

每个适配器只负责外部调用——结账会话、客户门户——而共享编排层让订单处理与访问规则在所有服务商之间保持一致。以后再接入新服务商,写的是适配器,而不是重构整个流程:结账页、仪表盘账单视图与 webhook 处理已经与服务商无关。

测试密钥与沙箱模式可以让你在启用正式凭据之前,先完整走一遍结账生命周期——集成测试不必动用真实支付。

订阅计费预览 - 浅色模式

已验证的账单,从不模拟

支付事实来自签名校验、幂等的 webhook。订阅在 active、trialing、past_due 与 paused 状态间与服务商同步流转——界面永远不会自行授予访问权限,重复投递的 webhook 也无法重复授权。

PayPal 没有客户门户,因此内置账单页负责管理订阅,支持关闭自动续订与订阅恢复,并带有明确确认。用户自助管理,你无需追着发票跑。

同一份已验证的状态也驱动着仪表盘的账单视图——客户看到的内容始终与服务商上报的一致,访问规则在所有服务商之间保持统一。

基于 Cloudflare D1 的类型安全数据层

Drizzle ORM 搭配 D1,含迁移、本地工作流与覆盖上述系统的 18 张表——第一天不必为数据库结构焦虑。

Drizzle D1 数据库结构预览 - 浅色模式

Drizzle、D1 与可运行的迁移

数据库结构自带 18 张现成表:用户、会话、订阅、订单、Newsletter 订阅、联系消息等。类型化查询在编译期就拦截错误,而不是留到生产环境。

迁移通过同一个 D1 绑定在本地(Miniflare)与远端生成并应用——你永远不必猜测生产数据库是否与代码一致。

R2 存储预览 - 浅色模式

R2 存储,处理用户上传

用户上传的资产以原生 Worker 绑定存放在 Cloudflare R2——应用内不需要 API 密钥。附带的头像上传与资产服务路由展示了从上传到读取的完整模式。

本地开发用磁盘模拟 R2,存储链路在你接触仪表盘之前就能跑通。

尊重用户的邮件流程

双语事务邮件、尊重用户同意的双重确认 Newsletter,以及防垃圾的联系表单——这套人人都不爱搭的邮件栈。

邮件模板预览 - 浅色模式

Resend,双语言就绪

认证与通知邮件以双语 Resend 模板交付——欢迎、验证、密码重置与收据,中英文读起来都自然。

换成你自己的 Resend 密钥与发件人是配置变更,不是重构。

Newsletter 与联系表单预览 - 浅色模式

Newsletter 双重确认,联系表单防垃圾

Newsletter 采用双重确认,以 D1 为权威状态:一次性确认令牌 24 小时过期并以哈希存储,退订使用独立的令牌流程。

联系表单加入 Cloudflare Turnstile 验证,并对 IP 与邮箱双重限速——真实防护,不是占位校验。

你将获得

一次购买,你将收到这些

以上每一项都包含在这套 TanStack Start SaaS 样板工程中——交付内容、许可条款,以及刻意不做的事情。

源码与交付

付款后绑定 GitHub 账号,即可收到这套 TanStack Start SaaS 模板私有交付仓库的只读邀请——源码、迁移、部署脚本、环境同步、双语文档,外加内置的 Changelog、Guides 页面与 12 视图仪表盘。

永久许可

一次付费,永久使用所购版本——可构建无限个自有产品、部署到无限环境,并可移除 TANSHIP 品牌。

可承接客户项目

可用来为客户开发并托管产品,同时保留对源码的控制。客户需要完整源码时,需另行购买自己的许可。

更新与支持

以适用的销售条款为准。Cloudflare、Resend 与支付渠道费用不包含在内。

刻意做减法:无多租户、无 RBAC、无管理后台——只保留独立开发者与小团队上线真正需要的核心系统。

TANSHIP Template 一览

数周的准备工作,已经替你做完

认证、支付、数据库、邮件与 AI 用量计量都已内置在这套 TanStack Start SaaS 样板工程中,并配有双语文档和完善的自动化测试覆盖。跳过重复的集成工作,专注你的产品。

原生 Cloudflare,不依赖 Vercel

原生构建于 Cloudflare Workers,D1 与 R2 直接绑定,Workers AI 走原生 binding,Turnstile 保护表单——无需适配层,即可直接部署到 Cloudflare 边缘网络。

0
支付
0
主题预设
0
双语文档
0+
自动化检查
开发实践

博客精选

了解这套 TanStack Start SaaS 模板、Cloudflare 部署与 SaaS 开发的实践经验。

2026 年最佳 TanStack Start 起步套件与 SaaS 模板

TanStack Start

2026 年最佳 TanStack Start 起步套件与 SaaS 模板

2026 年最佳 TanStack Start 起步套件与 SaaS 模板对比:功能、价格、Cloudflare 适配与原生绑定,含 TANSHIP Template。

了解更多
如何用 TanStack Start 在 7 天内搭建 SaaS MVP

TanStack Start

如何用 TanStack Start 在 7 天内搭建 SaaS MVP

用 TanStack Start 搭建 SaaS MVP 的 7 天计划——类型化路由、Better Auth、Drizzle on D1、Stripe 支付与 Cloudflare Workers 部署。

了解更多
TanStack Start vs Next.js:2026 年 SaaS 选型对比

TanStack Start

TanStack Start vs Next.js:2026 年 SaaS 选型对比

面向 SaaS 开发的 TanStack Start 与 Next.js 务实对比:类型安全的路由与数据加载、渲染策略、Cloudflare 部署路径与生态取舍。

了解更多
一次买断

一次买断,永久许可

一次付款。完整 TanStack Start SaaS 模板源码,通过私有仓库邀请交付,含邮件支持与后续模板更新。

从零开发
从空白开始搭建,起步就要投入数周时间
$0/
  • 从零起步,仅基础搭建就要数周
  • 认证、OAuth、密码重置全部自己写
  • 支付集成与安全防护自己搞定
  • 数据库设计与邮件服务自己搭建
  • AI、主题与多语言从零开始
  • 长期维护与排错全靠自己
最受欢迎
TANSHIP Template
一次付款,永久获得所购版本的使用许可
$199/一次买断
  • 拿到访问权限后即可开始改造这套 TanStack Start SaaS 模板
  • 认证开箱即用 — 邮箱、OAuth、密码重置
  • 支付已预接 — Stripe、PayPal、Creem
  • Drizzle + D1 数据库、R2 存储、Resend 邮件
  • 8 个 AI 模块、34 套主题、中英双语
  • 私有仓库邀请交付、邮件支持、后续更新
定制开发
委托团队按你的需求定制,成本与工期都不低
$5,000+/
  • 前期沟通确认就要数周
  • 认证与安全按需求单独报价
  • 支付集成单独报价
  • 数据库与邮件按里程碑计费
  • AI、主题与多语言定制开发,价格不低
  • 长期维护按项目持续收费
常见问题

购买前,你可能想知道这些

关于模板内容、许可与部署的直接回答。

现在就开始构建你的 SaaS

上线你的 SaaS,不必再花数周搭建

一次付费,获得这套 TanStack Start SaaS 模板的完整源码、所购版本的永久许可,以及已经接通的核心系统——配置好你的服务,即可部署到 Cloudflare。

750+ 项检查
3 家支付服务商
34 套主题预设