What is ShipAny TanStack?
ShipAny TanStack is a headless SaaS engine built on TanStack Start (Vite 8, Nitro, React 19). The business logic every paid product needs — sign-in, checkout, subscriptions, a credit ledger, roles and permissions, an admin panel, i18n and a CMS — is already wired, while the UI is kept minimal so you can build your own product on top.
It is designed to be driven by a coding agent. Built-in Claude Code skills such as /quick-start, /clone-website, /new-page, /new-module and /deploy-cloudflare encode the project's own conventions, and AGENTS.md teaches any agent the architecture, so generated code lands in the right place with the right patterns — all the way to production.
Who it's for
- Indie hackers launching a paid AI product
- Developers who build with Claude Code or other coding agents
- Teams that want to run on Cloudflare Workers
- Anyone who prefers Vite and TanStack over Next.js
Key features
Agent skills as the interface
Describe the product in one sentence and /quick-start rewrites the landing page, copy and pricing; /new-page and /new-module add features that follow the codebase's patterns.
Payments and subscriptions
Stripe, Creem, PayPal, Alipay and WeChat Pay with checkout, webhooks, one-time orders and recurring plans, all configured from the admin panel.
Credit billing
A credit ledger with FIFO consumption, expiration, signup grants and refunds — the building block for charging per AI generation.
Auth and RBAC
Email/password, Google and GitHub sign-in via better-auth, plus roles, permissions with wildcard matching and an admin UI to manage them.
Admin console and CMS
Manage users, orders, credits, posts, API keys, invite codes and support tickets, and change provider settings without redeploying.
One-command Cloudflare deploy
/deploy-cloudflare creates D1 or connects Postgres via Hyperdrive, applies the schema, uploads secrets and deploys — idempotent, re-run it for every release.
What's included
- Framework
- TanStack Start (Vite 8 + Nitro), React 19, TypeScript
- UI
- Tailwind CSS 4, shadcn/ui v4
- Auth
- better-auth — email/password, Google, GitHub, One Tap
- Payments
- Stripe, Creem, PayPal, Alipay, WeChat Pay
- Database
- Drizzle ORM — PostgreSQL, MySQL, SQLite, Turso, Cloudflare D1
- AI providers
- Replicate, Gemini, Fal, Kie
- Storage & email
- Cloudflare R2 / S3, Resend
- i18n
- Paraglide JS, English and Chinese with locale-aware URLs
- Deployment
- Cloudflare Workers, Node or Docker
Getting started
- 1
Get the code
Buy the template and activate your order to get access to the private GitHub repository, then clone it as your own project.
- 2
Run /quick-start
Open the project in Claude Code and run /quick-start with a short product brief or a reference URL; the agent rewrites the landing page, copy and pricing.
- 3
Configure and deploy
Add payment, OAuth, storage and AI keys in Admin → Settings, then run /deploy-cloudflare to go live.
What you can build with ShipAny TanStack
AI image or video generators
Charge credits per generation and sell subscriptions or top-up packs.
AI agents and chat products
Wrap an LLM workflow with accounts, usage billing and an admin panel.
Developer APIs
Issue API keys and meter usage with the built-in credit ledger.
Content and tool sites
Use the CMS, i18n and SEO metadata to launch bilingual marketing sites.
FAQ
How is ShipAny TanStack different from ShipAny Next?
They share the same business engine. ShipAny TanStack runs on TanStack Start and Vite and deploys natively to Cloudflare Workers; ShipAny Next uses the Next.js App Router and fits Vercel, Docker or Node.
Do I need Claude Code to use it?
No. It is a normal TypeScript project you can develop by hand. The agent skills and AGENTS.md simply make Claude Code, Codex or Cursor much more effective on it.
Which databases are supported?
PostgreSQL, MySQL, SQLite, Turso and Cloudflare D1 through Drizzle ORM. On Cloudflare Workers you can use D1 or connect an existing Postgres through Hyperdrive.
Where are API keys for payments and AI configured?
In the admin panel under Settings, stored in the database (optionally encrypted). Environment variables only hold the essentials such as the database URL and auth secret.
Technical details (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
