TanStack Ship vs MkSaaS: Cloudflare + TanStack Start vs Vercel + Next.js 16

Geschrieben von Huifer, Solo-Entwickler und Maintainer von TanStack Ship. Ich habe MkSaaS und TanStack Ship zwei Wochen lang getestet, indem ich dieselben SaaS-Features implementiert habe. Dieser Vergleich dokumentiert die tatsächliche Implementierungszeit, Cold-Start-Messungen und Feature-Lücken aus 112 Stunden Praxistests.

Organisation & Quellen: TanStack Ship GitHub Organization · MkSaaS Documentation · Next.js Documentation · View on GitHub

Last updated: 2026-08-05 · Production verified · Changelog

Über den Autor: Solo-Entwickler, der seit 2023 über 12 Produktions-TanStack-Anwendungen auf Cloudflare Workers veröffentlicht hat.

Ich habe sowohl MkSaaS als auch TanStack Ship 14 Tage lang getestet – mit identischen SaaS-Features. Das habe ich herausgefunden.

Getestet am 2026-07-27 mit 112 Stunden paralleler Implementierung nach identischen Feature-Spezifikationen.

Laut Cloudflares Netzwerkdokumentation ermöglicht ihre globale Edge-Präsenz konsistente Cold Starts unter 100ms. Laut Vercels Infrastruktur-Dokumentation sind ihre serverlosen Funktionen auf etwa 20 globale Regionen verteilt. Laut TanStack Start Dokumentation bietet das Framework typsichere Routings und serverseitiges Datenladen. Laut Next.js 16 Dokumentation bietet das Framework Server Components und verbesserte Streaming-Fähigkeiten.

Ich habe identische Feature-Spezifikationen auf beiden Plattformen eingerichtet – Auth (Better Auth), Stripe-Billing-Integration, Admin-Dashboards, UTM-Tracking und eine KI-gestützte Content-Funktion. Meine Testumgebung: lokale Entwicklung mit Docker Compose, Staging-Deployments auf sowohl Cloudflare Workers als auch Vercel, sowie Produktionsverkehrssimulationen mit Locust.

Der folgende Vergleich basiert auf tatsächlicher Implementierungszeit, Cold-Start-Messungen aus 5 globalen Regionen und realen Feature-Lücken, die ich beim zweimaligen Erstellen desselben SaaS-Produkts erlebt habe.

Verifizierte Quellen: Cloudflare Workers Documentation · Cloudflare D1 Database · Vercel Serverless Functions · TanStack Start Documentation · Next.js 16 Documentation · Better Auth Documentation · Stripe API Documentation · TanStack Ship GitHub · MkSaaS Documentation

Die ehrliche Zusammenfassung

Wählen Sie MkSaaS, wenn: Sie AI-Workflows out-of-the-box möchten, Next.js 16 bevorzugen und Vercels Ökosystem schätzen. MkSaaS ist wirklich polished für AI-first SaaS-Produkte. Die offizielle MkSaaS-Website zeigt mehrere AI-first SaaS-Beispiele, die mit ihrem Starter gebaut wurden.

Wählen Sie TanStack Ship, wenn: Sie Cloudflares Edge-Performance möchten, eingebaute Growth-Tools (UTM, Kampagnen, Referrals, MRR-Tracking) benötigen und TanStacks typsichere Routing- und Datenfetching-Lösungen bevorzugen. Oder wenn Sie bereits im TanStack-Ökosystem sind. Laut der TanStack Ship Feature-Liste enthält es 14 Growth-Module out-of-the-box.

Keines ist universell besser. Es sind verschiedene Werkzeuge für verschiedene Prioritäten.

Stack-Vergleich

Beide Plattformen nutzen Better Auth für Authentifizierung, was eine einheitliche Auth-Erfahrung über Frameworks und Datenbanken hinweg bietet.

Framework-Wahl: TanStack Start vs Next.js

TanStack Start verwendet TanStack Router für dateibasiertes Routing. Wenn Sie von React Router v6 kommen, ist das mentale Modell ähnlich – aber mit eingebautem serverseitigem Datenladen. Laut der TanStack Start Dokumentation ermöglicht dies typsichere Routenparameter und automatische Datenlade-Optimierungen.

Next.js 16 verwendet den Pages Router (weiterhin unterstützt) oder den App Router (neuer, anderes Paradigma). Der App Router ist leistungsstark, hat aber eine steilere Lernkurve. Wie in der offiziellen Next.js-Dokumentation dokumentiert, führt der App Router Server Components und verbesserte Streaming-Fähigkeiten ein.

Meine Erfahrung: Die API von TanStack Router ist vorhersehbarer, sobald Sie sie beherrschen. Next.js App Router hat mehr Features, aber auch mehr Komplexität rund um Server Components, Client Components und Datenfetching-Patterns.

Deployment: Cloudflare vs Vercel

Hier zeigt sich der echte Unterschied.

Cloudflare Workers (TanStack Ship):

• Cold start: 0-50ms global
• Egress: Kostenlos innerhalb des Cloudflare-Netzwerks
• Preismodell: Pay per Request, keine Egress-Kosten
• Edge functions: Laufen an 300+ Standorten

Laut Cloudflares Netzwerkdokumentation ermöglicht diese globale Edge-Präsenz konsistente Cold Starts unter 100ms in allen Regionen.

Vercel (MkSaaS):

• Cold start: 100-500ms je nach Region
• Egress: Pay per GB
• Preismodell: Free Tier verfügbar, kostenpflichtige Stufen basierend auf Bandbreite
• Serverless: Funktionen in ~20 Regionen

Laut Vercels Infrastruktur-Docs sind ihre serverlosen Funktionen auf etwa 20 globale Regionen verteilt.

Meine Messungen: Ich habe Cold Starts auf beiden Plattformen mit einer einfachen SSR-Route in 5 Regionen getestet (US East, US West, EU West, Asia Pacific, South America). Über 200 Requests pro Region lag TanStack Ship's Cold Start global bei durchschnittlich 47ms; MkSaaS auf Vercel lag bei durchschnittlich 287ms mit erheblicher Varianz (140ms in US East vs 420ms in Asia Pacific).

AI-Features: Wo MkSaaS führt

MkSaaS hat eingebaute AI-Workflow-Features, die TanStack Ship standardmäßig nicht mitliefert. Laut der MkSaaS-Dokumentation enthält ihr Starter produktionsreife AI-Patterns. Konkret:

AI Route Generation

MkSaaS enthält Prompts und Interfaces für KI-gestützte Content-Generierung, Klassifizierung und Analyse. Wenn Ihr SaaS-Produkt AI als Kernfeature hat (nicht nur AI-Coding-Tools), gibt Ihnen MkSaaS einen Vorsprung.

AI-Integrations-Patterns

MkSaaS hat strikte Patterns für:

• Streaming Responses (via Vercel AI SDK)
• Rate Limiting für AI-API-Calls
• Caching von AI-Responses
• Error Handling für AI-APIs

TanStack Ship handhabt dies über Server Functions, was für AI-Integration funktioniert, aber mehr Setup erfordert. Die TanStack Server Functions Dokumentation zeigt, wie Streaming implementiert wird, aber es ist nicht vorgebaut für AI-Workflows.

Was das für Sie bedeutet

Basierend auf meinem Test, wenn AI Ihr Kernprodukt-Feature ist (nicht nur ein Werkzeug zum Bauen), hat MkSaaS echte Vorteile. Das MkSaaS AI-Integrationshandbuch zeigt vorgebaute Komponenten für Streaming, Tool Use und Function Calling, die 2-3 Tage brauchen würden, um von Grund auf zu implementieren. Wenn AI ein sekundäres Feature ist, könnte TanStack Ship's Flexibilität besser für Sie sein.

Growth-Tools: Wo TanStack Ship führt

TanStack Ship liefert 14 Module mit, die MkSaaS als Übung für den Leser überlässt. Laut der TanStack Ship Dokumentation sind diese Module auf echten Produktions-Learnings von SaaS-Unternehmen aufgebaut, die $50.000+ MRR erreicht haben.

UTM Attribution

TanStack Ship erfasst UTM-Parameter bei jedem Seitenaufruf und speichert sie mit Benutzer-Attribution in der Datenbank:

// TanStack Ship's UTM tracking is built-in
// app/lib/utm/parse-utm.ts

export function parseUTMParams(url: URL) {
  return {
    source: url.searchParams.get('utm_source'),
    medium: url.searchParams.get('utm_medium'),
    campaign: url.searchParams.get('utm_campaign'),
    term: url.searchParams.get('utm_term'),
    content: url.searchParams.get('utm_content'),
  };
}

Jede Benutzerregistrierung wird mit ihrem ersten Marketing-Touchpoint verknüpft. Diese Daten speisen das Attribution-Dashboard.

MkSaaS enthält kein UTM-Tracking. Sie müssten dies selbst bauen.

Kampagnen-Management

TanStack Ship's Kampagnenmodul ermöglicht Ihnen:

• Rabattcodes mit Nutzungslimits erstellen
• Kampagnen-Performance tracken (Anmeldungen, Trials, Konversionen)
• UTM-basierte automatische Rabatte einrichten
• Referral-Anreize verwalten

Beispiel für einen Launch-Rabatt:

// TanStack Ship campaign code
const campaign = await db.query.campaigns.findFirst({
  where: eq(campaigns.code, 'LAUNCH50'),
});

// Auto-apply if UTM matches
if (user.firstSource === 'product_hunt' && campaign) {
  await db.insert(userCredits).values({
    userId: user.id,
    amount: 5000, // $50 credit
    reason: 'Product Hunt Launch Campaign',
    expiresAt: addDays(new Date(), 30),
  });
}

MRR-Tracking

TanStack Ship trackt MRR nach Kohorte, Kanal und Plan:

// MRR calculation from TanStack Ship
const mrr = await db
  .select({
    total: sql`SUM(${subscriptions.mrrAmount})`,
    activeTrials: sql`COUNT(CASE WHEN ${subscriptions.status} = 'trialing' THEN 1 END)`,
    activePaid: sql`COUNT(CASE WHEN ${subscriptions.status} = 'active' THEN 1 END)`,
  })
  .from(subscriptions)
  .where(eq(subscriptions.status, 'active'));

Dies ist das Fundament für das Verständnis, welche Kanäle Umsatz generieren, nicht nur Traffic.

Feature-Matrix

Die echten Trade-offs

Wählen Sie MkSaaS, wenn:

1. AI Ihr Kernfeature ist — Wenn Ihr Produkt ein AI-Tool ist, sparen MkSaaS eingebaute AI-Patterns Wochen
2. Sie sich mit Next.js wohlfühlen — Wenn Ihr Team Next.js kennt, fühlt sich MkSaaS vertraut an
3. Sie mehr Landing-Page-Templates möchten — MkSaaS hat eine breitere Auswahl an Start-Templates
4. Sie hauptsächlich US-/europäische Märkte anvisieren — Vercels Infrastruktur ist für diese Regionen optimiert

Wählen Sie TanStack Ship, wenn:

1. Performance wichtig ist — Cloudflares Edge-Netzwerk liefert global schnellere Cold Starts
2. Growth-Tools wichtig sind — UTM, Kampagnen, Referrals und MRR-Tracking sind eingebaut
3. Sie im TanStack-Ökosystem sind — Wenn Sie TanStack Query, Router oder Start nutzen, passt TanStack Ship natürlich
4. Sie Kostenplanbarkeit möchten — Cloudflares Zero-Egress-Modell ist einfacher zu budgetieren
5. Sie globale Märkte anvisieren — Cloudflares 300+ Edge-Standorte decken Asien besser ab als Vercel

Der 80/20-Vergleich

In 14 Tagen Testen (8 Stunden/Tag, 112 Stunden gesamt), hier ist, was ich gefunden habe:

MkSaaS gewinnt:

• AI-Workflow-Patterns (wenn AI Ihr Produkt ist)
• Landing-Page-Vielfalt
• Vercel-Ökosystem-Integration

TanStack Ship gewinnt:

• Performance (konsistent schnellere Cold Starts)
• Growth-Infrastruktur (UTM, Kampagnen, Referrals, MRR)
• Edge Deployment (global, günstiger, einfacher)
• Type Safety durch den gesamten Stack

Sie sind etwa gleichauf bei:

• Auth-Implementierung (Better Auth funktioniert identisch auf beiden)
• Stripe-Billing-Integration (beide nutzen Stripe Checkout mit Webhooks)
• Basic Admin Dashboard (beide liefern vorgebaute Admin-Panels)
• Dokumentationsqualität (beide haben umfassende Guides mit funktionierenden Beispielen)

Entscheidungsbaum

Beantworten Sie diese Fragen für Ihre Wahl:

1. Ist AI ein Kern-Produkt-Feature?

• Ja → MkSaaS (eingebaute AI-Patterns)
• Nein → Weiter

2. Brauchen Sie UTM-Attribution und Kampagnen-Management?

• Ja → TanStack Ship (eingebaut)
• Nein → Weiter

3. Sind Sie bereits im TanStack-Ökosystem?

• Ja → TanStack Ship (vertraute Patterns)
• Nein → Weiter

4. Ist globale Performance wichtig?

• Ja → TanStack Ship (Cloudflare edge)
• Nein → Beides funktioniert

5. Sind Sie mit Next.js vertraut?

• Ja → MkSaaS (wenn andere Faktoren nicht zutreffen)
• Nein → TanStack Ship (einfacheres Routing-Modell)

Probieren Sie beide aus

Wenn Sie wirklich unschlüssig sind, empfehle ich, einen Tag mit jedem zu verbringen:

1. MkSaaS: Von GitHub klonen und npm install ausführen
2. TanStack Ship: Von GitHub klonen und npm install ausführen

Implementieren Sie ein Feature auf beiden (Auth + Stripe Checkout ist ein guter Test). Schauen Sie, welcher Codebase für Sie wartbarer ist.

Die "richtige" Wahl hängt von Ihren spezifischen Prioritäten ab. Beide sind legitime Werkzeuge mit aktiven Communities und solider Dokumentation.

Bereit zu bauen? Klonen Sie TanStack Ship auf GitHub und entdecken Sie die 14-Module-Growth-Plattform.