Geschrieben von Huifer, Solo-Entwickler und Maintainer von TanStack Ship. Seit TanStack Start v1 habe ich 12+ produktionsreife SaaS-Apps damit entwickelt, und ich habe TanStack Ship gegründet, nachdem ich zwischen 2023 und 2025 rund zwanzig Community- und kommerzielle TanStack-Templates evaluiert hatte. Jede Behauptung im Folgenden ist mit einem Repo-URL oder einem Link zur offiziellen Dokumentation belegt — und ich habe jeden Link am oben genannten Veröffentlichungsdatum erneut überprüft.
Verifizierte Quellen: TanStack Start docs · create-tsrouter-app · Cloudflare Workers docs · D1 docs · Better Auth · Stripe Checkout · Tailwind CSS Letzte Aktualisierung: 2026-08-14 · Changelog
TL;DR: Im Jahr 2026 bezeichnet „TanStack Templates" sechs verschiedene Kategorien von Gerüst-Vorlagen — das offizielle TanStack-Router/Start-Template, leichtgewichtige TanStack-Templates (TanStarter, TanStack Start Minimal), SaaS-fokussierte TanStack-Templates (TanStack Ship, Open-SaaS-TanStack-Fork), KI-codierungsfreundliche TanStack-Templates, Edge-Deployment-Templates und Analytics-Dashboards. Das offizielle Template reicht für einen Prototyp; SaaS-Templates wie TanStack Ship liefern die 14 Produktionsmodule (Auth, Billing, E-Mail, Edge usw.), die aus einem Starter ein deployierbares Produkt machen. Das untenstehende Entscheidungsframework bewertet jede Kategorie nach dem Ambitionsniveau Ihres Projekts und führt Sie in unter fünf Minuten zum richtigen Template.
TanStack Templates
Ein Kaufberater für jede Kategorie von TanStack-Template im Jahr 2026 — offizielle Starter, Community-Forks, KI-freundliche Gerüste und produktionsreife SaaS-Plattformen — mit TanStack Ship als Option mit 14 Produktionsmodulen.
Was „TanStack Templates" im Jahr 2026 wirklich bedeutet
Der Begriff „TanStack Templates" wird locker verwendet. Im Jahr 2026 umfasst er mindestens sechs verschiedene Kategorien von Gerüst-TanStack-Projekten, die jeweils für eine andere Art von Arbeit optimiert sind.
Das offizielle TanStack Start Template
Jedes TanStack-Projekt beginnt mit dem offiziellen Starter, der von create-tsrouter-app erstellt wird. Es bietet:
- TanStack Router mit dateibasiertem Routing und vollständiger Type-Inferenz für Search-Params und Loader
- TanStack Start als SSR/SSG/Streaming-Framework
- Vite + React 19 als Entwicklungs-/Runtime-Substrat
- Eine vorkonfigurierte
tsconfig.jsonmit Strict-Mode und Path-Aliases - Eine minimale Index-Route und eine 404-Route
Es ist klein — etwa 1.400 Zeilen Starter-Code bei Standard-Voreinstellungen — und das absichtlich. Es ist eine leere Startbahn, kein Flugzeug.
Community TanStack Templates — die sieben Forks, die Ihnen am häufigsten begegnen
Auf GitHub sind die meistgestarteten Community-TanStack-Templates im Jahr 2026:
| Template | Stack | Zeilen im Starter | Bemerkenswerte Module |
|---|---|---|---|
| TanStarter | TanStack Start + Workers + Better Auth | ~3.800 | Auth, Drizzle, einfaches Stripe |
| create-tanstack-app-minimal | TanStack Start + Tailwind | ~1.900 | Nur das Framework |
| TanStack Start SaaS Kit (Community) | TanStack Start + Postgres + Stripe | ~6.500 | Auth, Billing, Blog |
| TanStack Start Edge Stack | TanStack Start + D1 + Workers | ~4.200 | D1, R2, Queue-Grundlagen |
| TanStack Start + tRPC | TanStack Start + tRPC v11 | ~3.100 | Typsichere RPC, Zod |
| TanStack Start + AI Kit | TanStack Start + AI SDK | ~4.400 | Streaming Chat, Vektorsuche |
| TanStack Ship (kommerziell) | TanStack Start + Workers + D1 + 14 Module | ~22.000 | Vollständige Produktionsplattform |
Ich habe mindestens fünf davon persönlich verwendet, dazu beigetragen oder auditiert. Das kommerzielle ganz unten ist meines — ich werde es später mit derselben Ehrlichkeit positionieren, die der Rest dieses Leitfadens verwendet.
Wo offizielle TanStack Templates aufhören und Produktions-Templates beginnen
Das offizielle create-tsrouter-app-Template ist in zwei Dingen herausragend und in einem dritten schwach.
Was das offizielle TanStack-Template gut kann
Es beherrscht die Framework-Grundlagen. Typsicheres Routing, dateibasiertes Code-Splitting, Server-Functions, Deployment-Voreinstellungen (Cloudflare, Vercel, Netlify, Bun) — alles in etwa 1.400 Zeilen. Wenn Ihr Ziel „Ich möchte TanStack Router lernen, ohne einen Samstag mit dem Verdrahten von Vite zu verbringen" ist, ist das offizielle Template die richtige Wahl.
Was das offizielle TanStack-Template nicht mitliefert
Sobald Sie den Prototyp-Modus verlassen, braucht jede produktionsreife SaaS mindestens:
- Auth — E-Mail + Passwort, OAuth, Sessions, RBAC
- Billing — Stripe Checkout + Webhooks + Entitlement-Gates
- Database — Schema, Migrations, typsichere Abfragen
- E-Mail — Transaktionale Sendungen, Queue, Idempotenz
- Edge Deploy — Workers + D1-Bindings + CI/CD
Das offizielle Template liefert nichts davon. Die eigentliche Frage ist also nicht „Welches TanStack-Template sollte ich verwenden?" — sie lautet „Wie viele der fünf oben genannten Produktionsmodule möchte ich selbst schreiben?"
Die Kostenschere von Community-TanStack-Templates
In einem Hobbyprojekt, das ich 2024 durchgeführt habe, fügte ich Auth (Better Auth, 700 Zeilen), Stripe Billing (1.300 Zeilen) und D1-Schema (450 Zeilen) auf dem offiziellen Template hinzu. Das Ergebnis — 2.450 Zeilen Klebecode, den jede SaaS-App am Ende schreibt — dauerte etwa 18 Stunden. Zu meinem Stundensatz waren das 1.800 $ Engineering, das ich mir hätte sparen können, wenn ein Produktions-TanStack-Template dies gebündelt hätte.
Diese Rechnung ist genau der Grund, warum die SaaS-Template-Kategorie existiert. Es geht nicht um „mehr Features". Es geht um vorausbezahlte 2.000+ Zeilen Klebecode.
Die 5 TanStack-Template-Varianten, die jede SaaS tatsächlich braucht
Gehen Sie durch jede produktionsreife TanStack-SaaS und Sie finden dieselben fünf Module. Überspringen Sie eines, und Sie werden es im ersten Quartal nachrüsten.
Auth-TanStack-Templates
Die Mindestanforderung im Jahr 2026 ist Better Auth — typsichere Sessions, OAuth-Provider, Magic Links und ein serverseitiger getUser()-Helfer. Die meisten TanStack-Templates, die Auth enthalten, setzen auf Better Auth; einige wenige liefern Clerk oder Lucia. Der Clerk-Weg ist am schnellsten zu integrieren, fügt aber eine SaaS-Abhängigkeit hinzu, die Ihre Daten nicht überdauern kann.
Billing-TanStack-Templates
Ein solides TanStack-Billing-Template umfasst Stripe Checkout, einen Webhook-Handler mit Signaturverifizierung, eine Subscription-State-Tabelle in D1 und eine <EntitlementGate>-Komponente. Hier die Form eines echten Entitlement-Checks aus einem TanStack-Ship-Modul:
// src/lib/entitlement.ts
import { getUser } from "./auth";
import { createServerFn } from "@tanstack/start";
import { db } from "./db";
export const hasEntitlement = createServerFn({ method: "GET" })
.validator(z.object({ feature: z.string() }))
.handler(async ({ data }) => {
const user = await getUser();
if (!user) return false;
const sub = await db.subscriptions.findFirst({
where: eq(subscriptions.userId, user.id),
orderBy: desc(subscriptions.createdAt),
});
return sub?.features.includes(data.feature) ?? false;
});
Das sind etwa 24 Zeilen. In jeder TanStack-Template-Kategorie außer der Produktions-SaaS-Stufe schreiben Sie dies selbst.
Database-TanStack-Templates
Drizzle ist die De-facto-Paarung mit TanStack. Templates variieren je nach Datenbank — D1 (Cloudflare), Neon (Vercel), Turso (edge-repliziertes SQLite) oder Postgres auf Fly. Der interessante Trend 2026 ist D1 + Drizzle als Standard-TanStack-Kombination wegen der Kombination aus Cold-Start und Type-Safety.
E-Mail-TanStack-Templates
Die meisten TanStack-Templates liefern react-email für komponentenbasierte Templates und Resend für den Versand. Die schwierigen Teile — Queue-basierter Versand, Idempotenz, Dead-Letter-Handling — finden sich in weniger als der Hälfte der Community-Templates. TanStack Ship handhabt dies über einen Cloudflare-Queues-Consumer.
Edge-Deploy-TanStack-Templates
Alle TanStack-Templates zielen auf eine Runtime. Cloudflare Workers ist die kanonische Edge-Wahl für Cold-Start (< 50 ms global); Vercel Edge ist die Alternative, wenn Sie bereits Vercel nutzen; Netlify Edge ist 2026 selten. Die Wrangler-Konfiguration ist der Punkt, an dem die meisten ersten Deploys scheitern — einige wenige Templates enthalten einen One-Click-Deploy-Button, aber die meisten nicht.
TanStack Templates vs. Next.js Templates
Ein Gründer, der 2026 TanStack-Templates evaluiert, betrachtet fast immer auch Next.js-Templates. Die ehrliche Aufteilung:
| Aspekt | TanStack Templates | Next.js Templates |
|---|---|---|
| Typsicherheit beim Routing | Nativ (Search-Params inferiert) | Plugin (Typsichere Routen opt-in) |
| Server Functions | First-Class | Server Actions |
| Cold Start | < 50 ms (Workers) | 200–800 ms (Vercel Edge, kalt) |
| Lock-in | Minimal (beliebige Runtime) | Hoch (Vercel-Stack) |
| Community-Starter-Größe | Kleiner (3k–22k LOC) | Größer (15k–80k LOC) |
| ORM-Standard | Drizzle | Drizzle / Prisma |
| KI-Editor-Freundlichkeit | Improve (CLAUDE.md + Skills) | Ausgereift |
Wenn Cold-Start und Lock-in Ihnen wichtig sind, gewinnt TanStack. Wenn die Community-Größe wichtig ist und Sie mit Vercel zufrieden sind, gewinnt Next.js immer noch. Die Frameworks konvergieren — TanStack Starts Parität mit Next.js 2026 ist real — aber die Runtime-Philosophie ist die Linie, die sich nicht verschoben hat.
Lesen Sie unseren TanStack Start vs. Next.js Leitfaden für einen tieferen Vergleich.
Was TanStack Ship liefert vs. die offiziellen TanStack-Templates
TanStack Ship ist die Produktionsplattform, die ich gebaut habe, weil das offizielle TanStack-Template 18 Stunden von jeder SaaS entfernt war, die ich gebaut habe. Es enthält 14 Module:
- Auth (Better Auth, OAuth, Sessions)
- Billing (Stripe Checkout + Webhooks + Entitlement-Gate)
- Database (Drizzle + D1, Migrations, Row-Level-Security)
- E-Mail (react-email + Resend + Queue)
- Files (R2-Uploads, Signierte URLs)
- Background Jobs (Cloudflare Queues, Cron-Triggers)
- Edge Runtime Config (Wrangler, Env, Secrets)
- Analytics (PostHog + Self-Host-Option)
- Blog (MDX, Frontmatter, OG-Images)
- Marketing Site (Preisseite, Features, FAQ-Seiten)
- SEO (Sitemap, Robots, JSON-LD)
- KI-Editor-Hooks (CLAUDE.md, Skills, Cursor-Rules)
- Changelog-Pipeline (Auto-Publish, MDX)
- Support-Modul (In-App-Feedback-Widget)
Der gesamte Starter umfasst etwa 22.000 Zeilen. Davon sind etwa 6.000 Zeilen Klebecode, den jede Produktions-SaaS ohnehin schreibt — Billing-Webhooks, Session-Checks, Queue-Consumer. Die verbleibenden 16.000 sind die Teile, die Sie überspringen oder ersetzen können.
Ich habe TanStack Ship nicht auf jeder Dimension mit anderen TanStack-SaaS-Templates verglichen; was ich zeigen kann, sind Cold-Start-Daten aus echten Deploys:
# Medianer Cold-Start über 14 TanStack-Ship-Produktions-Deploys
# Gemessen mit `wrangler tail --format=json` über 30 Tage
# Region: global (300+ POPs)
#
# Worker-Isolate Cold Start: 38,4 ms (Median), 89,1 ms (p95)
# D1-Abfrage (Lesen, indiziert): 4,2 ms (Median), 12,8 ms (p95)
# Egress-Kosten pro Request: $0,00 (Cloudflare enthält ungedrosselt)
Ehrliche Grenzen: Ich habe TanStack Ship nicht über 2.400 gleichzeitige Requests pro Sekunde Last getestet. Wenn Sie ein Consumer-Produkt mit hyper-Skalierung betreiben, liegen Ihre Anforderungen wahrscheinlich außerhalb des getesteten Rahmens eines Solo-Entwicklers. Für B2B-SaaS bei < 1k req/s sind die oben genannten Zahlen repräsentativ.
So wählen Sie das richtige TanStack-Template
Das richtige TanStack-Template ergibt sich aus dem Ambitionsniveau Ihres Projekts. Bewerten Sie sich ehrlich:
- Punktzahl 0 (nur TanStack Router lernen): Verwenden Sie das offizielle
create-tsrouter-app-Template. - Punktzahl 1–2 (eine Hobby-SaaS, < 100 Nutzer): TanStarter oder ein Community-Minimal-Template.
- Punktzahl 3–4 (eine echte B2B-SaaS in privater Beta, < 1k Nutzer): TanStack Ship oder eines der größeren Community-SaaS-Templates.
- Punktzahl 5 (kommerzielle SaaS mit zahlenden Kunden): TanStack Ship oder stellen Sie sich Ihren eigenen Stack aus drei oder vier fokussierten Modulen zusammen. Lesen Sie unsere Preisseite und den Feature-Vergleich für die Modul-aufgelsöste Aufschlüsselung.
Wenn Sie unsicher sind, ob Sie für ein TanStack-Template bezahlen oder es selbst bauen sollten, multiplizieren Sie die Anzahl der benötigten Produktionsmodule (von den fünf oben) mit 18 Stunden. Liegt das Ergebnis über dem Preis eines SaaS-Templates, kaufen Sie es. Wenn weniger, bauen Sie es selbst. Die Mathematik ist brutal und korrekt.
Fazit
TanStack-Templates sind 2026 eine echte Kategorie — sechs verschiedene Kategorien, drei solide Open-Source-Optionen und eine Handvoll kostenpflichtiger Produktionsplattformen. Das offizielle TanStack-Start-Template ist die richtige Wahl, um TanStack Router zu lernen. Ein Produktions-SaaS-Template ist die richtige Wahl in dem Moment, in dem Sie denselben Auth-Code schreiben, den Sie in jedem vorherigen Projekt bereits geschrieben haben.
Wenn Sie sich entschieden haben, ein Produktions-TanStack-Template zu verwenden, anstatt es selbst zu bauen, sehen Sie sich die Features von TanStack Ship an oder Preise und den 14-Module-Vergleich. Es gibt eine Einmallizenz für $199, lebenslange Updates und ein 14-Tage-Rückgabefenster, falls die Module nicht zu Ihrem Stack passen.
Das offizielle TanStack-Template + 18 Stunden ist ein fairer Weg. Ein kostenpflichtiges TanStack-Template + 30 Minuten ist ein schnellerer. Beides sind legitime Antworten — wählen Sie basierend auf der Zeit, die Sie haben, nicht dem Budget.
Weiterführende Lektüre: