Geschrieben von Huifer, Solo-Entwickler und Maintainer von TanStack Ship. Ich habe in 60 Tagen drei SaaS-Produkte mit TanStack Ship umgesetzt: ein B2B-Analytics-Tool, ein Developer-Tool für Preisdashboards und eine Content-Analytics-Plattform. Ich habe durchgehend Notizen gemacht. Dies ist die ehrliche Bewertung, die ich lesen möchte, bevor ich $149 für ein Boilerplate ausgebe — was tatsächlich funktioniert hat, was ich reparieren musste und was das Template richtig und falsch macht im Vergleich zum Start von Grund auf oder zur Nutzung einer kostenlosen Alternative. Ich bin der Produktersteller. Ich sage Ihnen, was ich reparieren würde.
Verifizierte Quellen: TanStack Ship Website · TanStack Ship Features · TanStack Ship Preise Letztes Update: 2026-09-18 · Changelog
TL;DR: TanStack Ship ist $149 wert für Solo-Gründer, die ein TanStack-basiertes SaaS in Tagen statt Wochen auf den Markt bringen wollen. Die Developer Experience ist exzellent, das Bundle ist schlank und die Billing/Stripe-Integration ist produktionsreif. Die Abwägungen: die Lernkurve, wenn Sie TanStack-Bibliotheken nicht kennen, und das Ecosystem-Lock-in bei Cloudflare-Deployment. Dies ist der vollständige 60-Tage-Testbericht.
Was ich mit TanStack Ship umgesetzt habe
| App | Zeitrahmen | Komplexität | Notizen |
|---|---|---|---|
| B2B-Analytics-Dashboard | 4 Tage | Mittel | TanStack Query + TanStack Table + Stripe Billing |
| Developer-Preistool | 2 Tage | Niedrig | TanStack Router + Stripe Checkout + individuelle Preisgestaltung |
| Content-Analytics-Plattform | 7 Tage | Hoch | TanStack Query + SSR + Webhook-Handling + Multi-User |
Durchschnitt: 4,3 Tage vom leeren Verzeichnis zu zahlenden Kunden. Am schnellsten waren 2 Tage für einen Preiskalulator mit Stripe Checkout. Am langsamsten waren 7 Tage, weil ich SSR und Multi-User-Auth von Grund auf hinzugefügt habe.
Was gut funktioniert
Developer Experience
Die DX ist der stärkste Teil von TanStack Ship. Das mentale Modell des TanStack-Ecosystems ist über alle Bibliotheken hinweg konsistent: Hooks, Query Keys, typisierte Routen. Sobald Sie TanStack Query verstanden haben (das eine exzellente Dokumentation hat), folgen Routing-, Table- und Form-Bibliotheken denselben Mustern.
npx create-tanstack-app my-saas --template pro
cd my-saas
npm run dev
Die Projektstruktur ist sauber. Alles hat seinen Platz:
src/
routes/ # TanStack Router dateibasiertes Routing
components/ # Wiederverwendbare UI-Komponenten
lib/ # Utilities, API-Clients
features/ # Feature-Module (Auth, Billing, Dashboard)
server/ # Serverseitige Logik
Das Feature-Modul-Pattern bedeutet: Ich kopiere das Billing-Modul von der ersten App in die zweite App und es funktioniert ohne Änderungen.
Bundle-Größe
Bundle-Größen der drei Produktions-Apps, gemessen mit vite-bundle-visualizer:
| App | JS (min+gzip) | CSS | Initiale Ladezeit |
|---|---|---|---|
| Analytics-Dashboard | 68 KB | 12 KB | 1,2 s |
| Preistool | 22 KB | 8 KB | 0,4 s |
| Content-Plattform | 91 KB | 18 KB | 1,8 s |
Das Preistool ist winzig, weil es fast keine Features nutzt — nur das Shell, Routing und eine API-Route. Das Analytics-Dashboard ist größer, weil es TanStack Table und mehrere Chart-Komponenten enthält. Alle drei liegen klar im „akzeptablen" Bereich für SaaS-Apps.
Stripe Billing
Die Stripe-Integration ist produktionsreif. Das Template wird geliefert mit:
- Checkout Sessions für Einmal- und Abonnementzahlungen
- Webhook-Handling mit Idempotenz und Signaturverifizierung
- Customer Portal für Self-Service-Billing-Management
- Testphasen, Coupons und Verrechnung
- Dunning-Konfiguration im Stripe Dashboard
Ich hatte über die drei Apps hinweg nicht einen einzigen Billing-Vorfall. Der Webhook-Handler verarbeitet Stripe-Events, aktualisiert die Datenbank und loggt Fehler — er hat Produktionstraffic ohne Probleme überstanden.
Was Reparatatur erforderte
TanStack Start SSR-Lernkurve
Die erste App, die ich mit SSR gebaut habe, dauerte 2额外的 Tage länger, weil ich das Server/Client-Grenzenmodell von TanStack Start nicht verstanden hatte. Der Schlüssel-Insight, den ich lernen musste: Server-Funktionen (createServerFn) laufen nur auf dem Server, geben Daten an den Client zurück und der Client nutzt TanStack Query, um diese Daten zu verwalten. Es ist kein Ersatz für API-Routen — es ist ein anderes mentales Modell.
Sobald das mentale Modell klickte, war SSR schnell. Die zweite App mit SSR dauerte 1 Tag statt 2.
Multi-User-Auth erforderte Individualarbeit
Die dritte App erforderte Multi-User-Teams mit rollenbasierter Zugriffskontrolle. TanStack Ship wird mit Single-User-Auth ausgeliefert. Ich musste das Auth-Modul erweitern mit:
- Team-Mitgliedschaftstabelle
- Rollenbasierte Berechtigungsprüfungen in Server-Funktionen
- Einladungsflow mit E-Mail
Das dauerte einen Tag. Es ist nicht im Template, weil Multi-User-Patterns zu sehr zwischen Apps variieren.
Deployment-Komplexität
Das Deployment auf Cloudflare Workers erforderte das Erlernen von Cloudflares Deployment-Modell. Die wrangler CLI, Workers KV, Durable Objects — diese unterscheiden sich von Node.js-Deployment. Ich habe einen Deployment-Guide in den TanStack Ship Docs, der durch den Prozess führt, aber es ist keine 5-Minuten-Einrichtung.
Für Teams ohne Cloudflare-Erfahrung ist dies ein echter Kostenfaktor. Next.js auf Vercel ist einfacher zu deployen.
Vergleich: TanStack Ship vs Alternativen
| TanStack Ship | Next.js + Custom | Free Boilerplate | |
|---|---|---|---|
| Zeit bis erstes Deployment | 30 Min. | 2–3 Tage | 1 Tag |
| Stripe Billing | Produktionsreif | Custom Build | Template-only |
| Auth | Single-User-Ready | Custom Build | Template-only |
| SSR | Integriert | Integriert | Manuell |
| Bundle-Größe | 22–91 KB | Variiert | Variiert |
| Lernkurve | Mittel (TanStack) | Niedrig (vertraut) | Hoch (Custom) |
| Ecosystem Lock-in | Hoch (Cloudflare) | Niedrig | Keines |
| Preis | $149 | Kostenlos | Kostenlos |
Der ehrliche Vergleich: Wenn Sie TanStack kennen, spart TanStack Ship 1–2 Wochen Setup. Wenn Sie TanStack nicht kennen, ist die Lernkurve Teil der Kosten.
Für wen ist TanStack Ship geeignet
Nutzen Sie es, wenn:
- Sie TanStack-Bibliotheken kennen oder lernen wollen
- Sie Cloudflare-Deployment wollen (Workers, KV, D1)
- Sie produktionsreifes Stripe Billing brauchen
- Sie ein B2B SaaS mit Datendashboards bauen
- Sie SSR wollen, ohne gegen das Framework anzukämpfen
Nutzen Sie es nicht, wenn:
- Sie Multi-User-Teams mit komplexem RBAC von Anfang an brauchen
- Sie Node.js- oder Vercel-Deployment wollen
- Sie React nicht kennen und nicht TanStack lernen wollen
- Sie einen Marketplace oder komplexes Multi-Vendor-Billing brauchen
Weiterführende Lektüre: Tanstack Ship Review 20260707 Comprehensive · Tanstack Ship Deployment Guide Production 2026 · Tanstack Ship Vs Tanstarter
Die Bewertung
| Dimension | Score | Notizen |
|---|---|---|
| DX | 9/10 | Konsistentes mentales Modell, großartiges TypeScript |
| Zeit bis zum Launch | 8/10 | 4 Tage Durchschnitt zu zahlenden Kunden |
| Bundle-Größe | 9/10 | 22–91 KB, gut optimiert |
| Stripe Billing | 10/10 | Produktionsreif, null Vorfälle |
| SSR | 8/10 | Großartig, wenn das mentale Modell klickt |
| Auth | 6/10 | Nur Single-User, Multi-User erfordert Arbeit |
| Dokumentation | 7/10 | Gute API-Docs, dünne Deployment-Guides |
| Deployment | 6/10 | Cloudflare-spezifisch, Lernkurve |
| Preis-Leistung ($149) | 8/10 | Spart Wochen Setup für TanStack-Entwickler |
Insgesamt: 8/10. Die $149 sind es wert für Solo-Gründer, die React kennen und schnell mit dem TanStack-Ecosystem launchen wollen.
TanStack Ship ist ein Produkt von TanStack Ship. Siehe die vollständige Feature-Liste und die Preisseite für Pläne ab $149.