SuperAPI AI Directory

TanStarter - AI Full-Stack Framework with a Complete Production-Grade SaaS Foundation

Author: AI小集 · Original source: AI工具集

What Is TanStarter

TanStarter is a SaaS starter template built on the TanStack Start full-stack framework and the Cloudflare edge network, designed specifically for indie developers and small teams. It comes with a complete user system, payments (subscriptions/one-time), database, file storage, email, Newsletter, blog, admin panel, and AI capabilities (text, chat, image generation, image editing), along with pre-built common pages such as pricing, about, and contact pages. It uses a TypeScript-first modern tech stack and is deployed on Cloudflare Workers, so a complete SaaS can run on the free tier.

TanStarter

TanStarter's Main Features

  • Full-Stack Framework: Based on TanStack Start, React 19 + TypeScript, supporting SSR and edge deployment.
  • User Authentication: Better Auth integration, supporting email/password registration and login, Google OAuth social login, and role-based permission management.
  • Payment System: Stripe / Creem dual payment solutions, supporting subscriptions, one-time payments, trials, Webhooks, invoices, and customer portals.
  • Database: Cloudflare D1 (edge SQLite) + Drizzle ORM, including a complete Schema and migration scripts.
  • File Storage: Cloudflare R2 object storage, zero egress traffic fees, supporting user file upload management.
  • Email System: Resend / Cloudflare Email transactional emails + Beehiiv Newsletter subscriptions.
  • AI Capabilities: TanStack AI + Cloudflare Workers AI + fal.ai adapters, supporting text summarization (BART), multilingual translation (M2M100, 10+ languages), image generation, image editing, and TTS speech synthesis.
  • Marketing Pages: High-conversion landing pages (12+ marketing modules), pricing page, FAQ, contact page, and legal pages.
  • Content System: MDX blog, documentation pages, automatic Sitemap, OG metadata, and SEO optimization.
  • User Dashboard: User settings, billing management, file management, API keys, and admin panel.
  • Theme Switching: Dark/light mode and internationalization (i18n) support.
  • AI Coding Friendly: Clear code structure and consistent naming conventions, perfectly suited for AI coding assistants such as Claude Code, Codex, Gemini, Cursor, Copilot, and Windsurf.

How to Use TanStarter

  • Purchase a License: Visit TanStarter's official website https://tanstarter.dev , purchase a $159 lifetime license, and get access to a private GitHub repository and lifetime updates.
  • Clone the Code: Clone the template code to your local development environment and install the project dependencies.
  • Read the Documentation: Refer to the official documentation https://docs.tanstarter.dev to learn about the project structure and configuration instructions.
  • Configure Environment Variables: Fill in the API Keys for services such as Cloudflare D1 database, R2 storage, Workers AI, Stripe/Creem payments, Resend email, and Better Auth.
  • Initialize the Database: Run the database migration scripts to create the D1 table structure and initial data.
  • Configure the Payment System: Set up products, pricing plans, webhook endpoints, and billing management in the Stripe or Creem dashboard.
  • Configure user authentication: Set up Better Auth's OAuth providers (such as Google) and enable email/password sign-up and sign-in.
  • Local development testing: Start the development server and verify that core flows such as user registration, login, payment, and AI features work properly.
  • Deploy to production: Use Cloudflare Wrangler to deploy the project to Workers and bind a custom domain.
  • Watch the tutorial: Combine with the YouTube video tutorial https://youtube.com/@tanstarter to learn best practices and advanced usage.
  • AI-assisted extension: Use AI coding tools such as Claude Code, Cursor, and Copilot to quickly extend business features based on the clear code structure.

Core advantages of TanStarter

  • Ready to use out of the box: It is not a simple landing page template, but a complete production-grade SaaS foundation including authentication, payments, database, and AI.
  • Edge-first, low cost: Built on Cloudflare Workers + D1 + R2, with zero egress fees; a complete SaaS can run on the free plan.
  • AI-native design: Built-in multiple AI capabilities, with a code architecture optimized specifically for AI coding tools such as Claude Code and Cursor.
  • Rapid validation: All common SaaS modules are prebuilt, so you can focus on product logic in the first week instead of building infrastructure.

Comparison of TanStarter with similar competitors

Dimension TanStarter MkSaaS Shipfast
Underlying framework TanStack Start Next.js Next.js
Deployment platform Cloudflare Workers Vercel / self-hosted Vercel
Database Cloudflare D1 (SQLite) PostgreSQL / Prisma Supabase
File storage Cloudflare R2 (zero egress fees) Third-party or self-hosted Supabase Storage
AI integration Workers AI + fal.ai (built-in) Needs to be integrated yourself Needs to be integrated yourself
Cost structure Extremely low (edge-first) Medium Medium
Code AI-friendliness Extremely high (designed specifically for AI tools) Average Average
Licensing method $159 lifetime (unlimited projects) $159 subscription/one-time One-time
Community size 3000+ Discord members 3000+ Discord Relatively large

Use cases of TanStarter

  • AI tool SaaS: Based on built-in AI text, conversation, and image generation capabilities, quickly build AI writing assistants and image generation platforms.
  • Subscription-based content platform: Use Stripe/Creem subscription capabilities to launch membership, paywalled content, or newsletter products.
  • Digital product sales: Supports one-time payments, suitable for selling digital goods such as templates, courses, and e-books.
  • Developer tools / API services: Built-in API key management and user dashboard, suitable for providing developer tools or APIs.
  • Multilingual global product: i18n internationalization support + AI translation capabilities, suitable for SaaS targeting the global market.
  • Rapid MVP validation: Independent developers launch an idea in an extremely short time, then iterate after validating market demand.