saas-starter

tanstarter: Fast‑track Your SaaS with TanStack, Auth & Drizzle

Name: tanstarter: Fast‑track Your SaaS with TanStack, Auth & Drizzle
Author: mugnavo

tanstarter gives founders a lean, production‑ready starter kit built on TanStack, Better Auth, Drizzle ORM, and shadcn/ui, perfect for launching SaaS apps quickly. Backed by 1.4k+ GitHub stars, it’s ideal for TypeScript teams seeking modern routing and Tailwind styling.

From the repo · “🏝️ minimal TanStack Start template with Vite+, Better Auth, Drizzle ORM, shadcn/ui”

intermediate⏱ 1-2 hours💵 Free (self-hosted)

1,400 stars+3★ this week88 forksTypeScriptGuide quality 8/10 · reviewed Oct 23Updated 10/24/2026100% free · open source

What it is

Create a minimal SaaS template with one click.

Real use case example

"A founder wants to build a minimal online marketplace. They pick TanStack template, copy the code, and set up their SaaS project on Heroku. They implement user authentication and connect their PostgreSQL database in about 1-2 hours. Now their marketplace has a smooth sign-up process."

When to use it

•You're building a scalable web application and need a solid foundation quickly
•You want to simplify the process of setting up authentication and database connections
•You need a consistent and visually appealing UI without spending too much time on design

Ready-to-paste prompt

npx create-tanstack-app my-web-app --template https://github.com/mugnavo/tanstarter

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/tanstarter && curl -fsSL https://workflowstacks.com/api/skills/tanstarter/claude-skill -o ~/.claude/skills/tanstarter/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How tanstarter: Fast‑track Your SaaS with TanStack, Auth & Drizzle works

Codeflow

Free to inspect

Tanstarter: Fast‑track Your SaaS with TanStack, Auth & Drizzle is a small TypeScript project (~2.4k lines across 41 code files, plus 1 test files). Setup is light: runs with Docker. Last commit this month, Unlicense license, has a test suite.

Size

Small codebase

~2.4k lines · 41 code files · 20 min skim

Setup

Light setup

Runs with Docker.

Runs on

Node.js · Docker

No API keys detected

TypeScript 95%CSS 5%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
AGENTS.md
The instructions the AI actually follows
3
package.json
Dependencies and the commands it exposes
4
src/routes/index.tsx
Inside src/ — the main logic begins here

What's in each folder

src/Core code — the actual logic38 files

.agents/Tool / agent settings8 files

.vscode/Editor / agent settings3 files

public/Images & static assets2 files

.vite-hooks/Tool / agent settings1 files

e2e/Tests — proof it works1 files

READMEHas testsDocumentedNo CIDocker readyUnlicense licenseUpdated this month

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/tanstarter && curl -fsSL https://workflowstacks.com/api/skills/tanstarter/claude-skill -o ~/.claude/skills/tanstarter/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

mugnavo

Language

TypeScript