TanStack Templates: Der vollständige Kaufberater 2026 für Edge SaaS

Jede TanStack-Template-Kategorie bewertet — offizielles Start-Template, Community-Forks, produktionsreife SaaS-Templates — mit TanStack Ship als 14-Module-Plattform.

Huifer
Huifer
14. August 202610 min read
Auch verfügbar auf:English · 中文

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.json mit 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:

TemplateStackZeilen im StarterBemerkenswerte Module
TanStarterTanStack Start + Workers + Better Auth~3.800Auth, Drizzle, einfaches Stripe
create-tanstack-app-minimalTanStack Start + Tailwind~1.900Nur das Framework
TanStack Start SaaS Kit (Community)TanStack Start + Postgres + Stripe~6.500Auth, Billing, Blog
TanStack Start Edge StackTanStack Start + D1 + Workers~4.200D1, R2, Queue-Grundlagen
TanStack Start + tRPCTanStack Start + tRPC v11~3.100Typsichere RPC, Zod
TanStack Start + AI KitTanStack Start + AI SDK~4.400Streaming Chat, Vektorsuche
TanStack Ship (kommerziell)TanStack Start + Workers + D1 + 14 Module~22.000Vollstä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:

  1. Auth — E-Mail + Passwort, OAuth, Sessions, RBAC
  2. Billing — Stripe Checkout + Webhooks + Entitlement-Gates
  3. Database — Schema, Migrations, typsichere Abfragen
  4. E-Mail — Transaktionale Sendungen, Queue, Idempotenz
  5. 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:

typescript
// 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:

AspektTanStack TemplatesNext.js Templates
Typsicherheit beim RoutingNativ (Search-Params inferiert)Plugin (Typsichere Routen opt-in)
Server FunctionsFirst-ClassServer Actions
Cold Start< 50 ms (Workers)200–800 ms (Vercel Edge, kalt)
Lock-inMinimal (beliebige Runtime)Hoch (Vercel-Stack)
Community-Starter-GrößeKleiner (3k–22k LOC)Größer (15k–80k LOC)
ORM-StandardDrizzleDrizzle / Prisma
KI-Editor-FreundlichkeitImprove (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:

  1. Auth (Better Auth, OAuth, Sessions)
  2. Billing (Stripe Checkout + Webhooks + Entitlement-Gate)
  3. Database (Drizzle + D1, Migrations, Row-Level-Security)
  4. E-Mail (react-email + Resend + Queue)
  5. Files (R2-Uploads, Signierte URLs)
  6. Background Jobs (Cloudflare Queues, Cron-Triggers)
  7. Edge Runtime Config (Wrangler, Env, Secrets)
  8. Analytics (PostHog + Self-Host-Option)
  9. Blog (MDX, Frontmatter, OG-Images)
  10. Marketing Site (Preisseite, Features, FAQ-Seiten)
  11. SEO (Sitemap, Robots, JSON-LD)
  12. KI-Editor-Hooks (CLAUDE.md, Skills, Cursor-Rules)
  13. Changelog-Pipeline (Auto-Publish, MDX)
  14. 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:

bash
# 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: