ShipAny TanStack 是什么?
ShipAny TanStack 是一个基于 TanStack Start(Vite 8、Nitro、React 19)的无头 SaaS 引擎。付费产品需要的业务逻辑——登录、收款、订阅、积分账本、角色权限、管理后台、多语言和 CMS——都已经接好,界面保持精简,方便你在上面搭建自己的产品。
它从一开始就为 AI 编程助手设计。内置的 Claude Code 技能(/quick-start、/clone-website、/new-page、/new-module、/deploy-cloudflare 等)沉淀了项目自身的约定,AGENTS.md 向任何编程助手讲清架构,让生成的代码放在正确的位置、遵循正确的写法,一直到上线。
适合谁
- 想上线付费 AI 产品的独立开发者
- 用 Claude Code 等 AI 编程助手开发的工程师
- 希望跑在 Cloudflare Workers 上的团队
- 更喜欢 Vite 和 TanStack 而非 Next.js 的开发者
核心功能
用技能驱动开发
一句话描述产品,/quick-start 就会改写落地页、文案和价格;/new-page、/new-module 按项目约定新增功能。
支付与订阅
支持 Stripe、Creem、PayPal、支付宝和微信支付,包含收银台、Webhook、一次性订单和订阅,在后台即可配置。
积分计费
积分账本支持先进先出消耗、过期、注册赠送和退还,是按次收费 AI 生成的基础。
登录与权限
基于 better-auth 的邮箱密码、Google、GitHub 登录,以及支持通配符的角色权限和管理界面。
管理后台与 CMS
管理用户、订单、积分、文章、API Key、邀请码和工单,修改服务商配置无需重新部署。
一条命令部署 Cloudflare
/deploy-cloudflare 自动创建 D1 或通过 Hyperdrive 连接 Postgres、同步表结构、上传密钥并部署,可重复执行。
包含内容
- 框架
- TanStack Start(Vite 8 + Nitro)、React 19、TypeScript
- UI
- Tailwind CSS 4、shadcn/ui v4
- 登录
- better-auth:邮箱密码、Google、GitHub、One Tap
- 支付
- Stripe、Creem、PayPal、支付宝、微信支付
- 数据库
- Drizzle ORM:PostgreSQL、MySQL、SQLite、Turso、Cloudflare D1
- AI 服务
- Replicate、Gemini、Fal、Kie
- 存储与邮件
- Cloudflare R2 / S3、Resend
- 多语言
- Paraglide JS,中英文与按语言区分的 URL
- 部署
- Cloudflare Workers、Node 或 Docker
如何开始
- 1
获取代码
购买模板并激活订单,获得私有 GitHub 仓库权限后,克隆为你自己的项目。
- 2
运行 /quick-start
在 Claude Code 中打开项目,用一段产品描述或参考网址运行 /quick-start,自动改写落地页、文案和价格。
- 3
配置并上线
在后台「设置」中填写支付、OAuth、存储和 AI 密钥,然后运行 /deploy-cloudflare 发布。
可以用 ShipAny TanStack 做什么
AI 图片或视频生成站
按次扣积分,同时售卖订阅和积分包。
AI Agent 与对话产品
给大模型工作流加上账户、用量计费和管理后台。
开发者 API
发放 API Key,用内置积分账本计量用量。
内容与工具站
借助 CMS、多语言和 SEO 元数据上线中英文站点。
常见问题
ShipAny TanStack 和 ShipAny Next 有什么区别?
两者共享同一套业务引擎。ShipAny TanStack 基于 TanStack Start 和 Vite,原生部署到 Cloudflare Workers;ShipAny Next 使用 Next.js App Router,适合 Vercel、Docker 或 Node。
必须使用 Claude Code 吗?
不需要。它是标准的 TypeScript 项目,可以手写开发。内置技能和 AGENTS.md 只是让 Claude Code、Codex、Cursor 等工具在这个项目上更高效。
支持哪些数据库?
通过 Drizzle ORM 支持 PostgreSQL、MySQL、SQLite、Turso 和 Cloudflare D1。在 Cloudflare Workers 上可以用 D1,也可以通过 Hyperdrive 连接已有的 Postgres。
支付和 AI 的密钥在哪里配置?
在管理后台的「设置」中配置,保存在数据库里(可加密)。环境变量只保留数据库地址、认证密钥等基础项。
技术说明(README)
What is ShipAny TanStack
ShipAny TanStack is an agent-native headless SaaS engine built on TanStack Start (Vite 8 + nitro, React 19) — designed from the ground up to be driven by Claude Code. The business logic is pre-wired (payments, credits, subscriptions, auth, RBAC, i18n, CMS) with minimal UI, and built-in agent skills turn high-level intents into working code — all the way to production
Agent-Native by Design
- Skills as the primary interface —
/quick-start,/clone-website,/new-page,/new-module,/deploy-cloudflare… each encodes the project's own conventions, so generated code always lands in the right place with the right patterns - Self-contained business logic — payment, email, storage, AI, auth live in
src/core/andsrc/modules/with no external business packages; agents can read and modify everything AGENTS.md/CLAUDE.mdship with the repo, teaching any coding agent the architecture, commands, and rules
How to use
- start your project from shipany-tanstack
git clone git@github.com:shipany-ai/shipany-tanstack your-project
- get into your project, activate your coding agent like
claude code
cd your-project
claude
- init your project with shipany built-in skills
/quick-start this is my new project named "GPT Image" with domain "gpt-image-2






