TanStarter依托TanStack Start全栈框架与Cloudflare全球边缘网络搭建,面向独立开发者、小型创业团队打造生产级SaaS完整启动模板。模板内置全套业务基础设施:用户权限体系、订阅/一次性付费模块、边缘数据库、对象文件存储、事务邮件、订阅通讯、MDX博客、管理后台,以及文本对话、图像生成、图片编辑全链路AI能力;同时预置定价页、关于页、联系页、合规法律页等标准营销页面。整体采用TypeScript优先现代技术栈,基于Cloudflare Workers边缘部署,平台免费套餐即可承载完整SaaS业务运行,省去从零搭建底层基建的成本与周期。

1、高性能全栈底层:
基于TanStack Start,React19+TypeScript技术栈,原生支持SSR渲染与全球边缘分布式部署
2、完整用户身份认证:
集成Better Auth,支持账密登录、Google OAuth社交登录、多角色分级权限管控
3、双渠道支付体系:
兼容Stripe、Creem两套支付方案,覆盖订阅套餐、单次付费、免费试用、Webhook回调、电子发票、客户账单门户全流程
4、边缘数据库方案:
Cloudflare D1边缘SQLite搭配Drizzle ORM,内置完整数据表结构与自动化迁移脚本
5、零流量成本文件存储:
Cloudflare R2对象存储,无出站流量扣费,配套用户上传、文件管理逻辑
6、一体化邮件体系:
Resend/Cloudflare Email事务通知邮件,对接Beehiiv实现订阅Newsletter推送
7、多模态原生AI能力:
整合TanStack AI、Cloudflare Workers AI、fal.ai适配器,支持BART文本摘要、10+语种M2M100翻译、AI生图、图像修图、TTS语音合成
8、高转化营销页面组件:
内置12+可复用营销模块,落地页、定价页、FAQ、联系页、隐私法律页全套预置
9、SEO内容管理系统:
MDX博客、文档站点,自动生成站点地图、OG元标签,全站SEO优化
10、分级用户管理面板:
普通用户设置、账单中心、文件仓库、API密钥管理、专属管理员后台
11、多主题与国际化:
一键切换深色/浅色模式,原生i18n多语言国际化支持
12、AI编程友好架构:
代码分层清晰、统一命名规范,完美适配Claude Code、Codex、Gemini、Cursor、Copilot、Windsurf等主流代码智能体
1、生产级开箱即用:
并非简易静态页面模板,集成认证、支付、数据库、AI全套可直接上线的SaaS底层能力
2、边缘架构低成本运维:
基于Cloudflare Workers、D1、R2组合,无出站流量费用,免费资源套餐可支撑完整业务
3、AI原生底层设计:
预置多类AI业务能力,代码架构专门适配各类AI编程助手,快速迭代业务功能
4、极速产品验证:
复用全部SaaS标准化通用模块,开发首周即可聚焦产品核心逻辑,无需耗费时间搭建底层基建
1、购买终身授权:
访问官网 https://tanstarter.dev,支付159美元获取终身授权,开通私有GitHub仓库访问权限与永久版本更新
2、本地项目初始化:
克隆模板代码至本地,安装全部项目依赖包
3、查阅官方配套文档:
参考 https://docs.tanstarter.dev 熟悉目录结构、各项服务配置规范
4、全局环境变量配置:
录入D1数据库、R2存储、Workers AI、Stripe/Creem支付、Resend邮件、Better Auth等第三方服务密钥
5、数据库结构初始化:
执行迁移脚本,自动创建数据表、填充初始基础数据
6、支付后台对接配置:
在Stripe或Creem后台创建商品定价、配置Webhook回调地址、开通客户账单门户
7、登录认证配置:
配置Better Auth的Google OAuth渠道,开启账密注册登录能力
8、本地功能全量测试:
启动开发服务,完整校验注册登录、支付下单、AI生成等核心业务链路
9、边缘一键部署上线:
通过Cloudflare Wrangler工具打包部署至Workers,绑定自有业务域名
10、配套教程学习进阶:
观看官方YouTube教程 https://youtube.com/@tanstarter 掌握部署、扩展最佳实践
11、AI快速迭代扩展:
依托规整代码结构,使用Cursor、Claude Code、Copilot等工具快速开发自定义业务功能