ShipAny TanStack

新官方
Iidoubi·发布于 4个月前
$199$1.99会员价

基于 TanStack Start 的 Agent 原生 SaaS 引擎:登录、支付、积分和管理后台已就绪,为 Claude Code 驱动开发而设计。

成为 ShipAny Premium 会员,即可用会员价购买模板

技术栈

TanStackReactShadcn/UITailwindCSSNode.js

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. 1

    获取代码

    购买模板并激活订单,获得私有 GitHub 仓库权限后,克隆为你自己的项目。

  2. 2

    运行 /quick-start

    在 Claude Code 中打开项目,用一段产品描述或参考网址运行 /quick-start,自动改写落地页、文案和价格。

  3. 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/ and src/modules/ with no external business packages; agents can read and modify everything
  • AGENTS.md / CLAUDE.md ship with the repo, teaching any coding agent the architecture, commands, and rules

How to use

  1. start your project from shipany-tanstack
git clone git@github.com:shipany-ai/shipany-tanstack your-project
  1. get into your project, activate your coding agent like claude code
cd your-project
claude
  1. init your project with shipany built-in skills
/quick-start this is my new project named "GPT Image" with domain "gpt-image-2

开始构建你的 AI 产品

成为 ShipAny Premium 会员,获取 ShipAny 模板代码,一小时极速上线