Zum Inhalt springen
Supastack
DE
Design
AnmeldenSupastack holen
Alle Artikel

Ein TanStack Start SaaS-Starterkit, das volle Produkt, auf Vite

supastack liefert eine komplette TanStack-Start-App: typensichere Routen, Server Functions, Auth, Billing, KI und Admin, dasselbe SaaS wie die Next.js-Version, im selben Monorepo.

Noah Zixin Zhang1 Min. Lesezeit

Was enthält die TanStack-Start-App von supastack?

Das hängt vom Tarif ab, aber jede Lizenz liefert das komplette supastack-Produkt auf Vite und TanStack Router: typsichere dateibasierte Routen und SSR, Server-Funktionen, Auth, Workspaces, Abrechnung über acht Zahlungsanbieter, einen KI-Assistenten und eine Admin-Oberfläche mit OpenAPI-Referenz. Sie liest dasselbe Schema und dieselben Pakete wie die Next.js-App, sodass beide Web-Frontends auf einem Backend laufen können.

Die volle SaaS, nicht eine Scheibe

Die meisten TanStack-Starter hören bei einer Login-Seite und einer Todo-Liste auf. Unsere rendert die komplette supastack-Oberfläche, dieselben Screens wie die Next.js-App , sodass TanStack Start nie weniger Produkt bedeutet.

  • Home-Dashboard, Analytics und produktweite Suche
  • Members, Einladungen, Security-Sessions und SSO-Einstellungen
  • Billing mit Checkout, Plänen und signierten Webhooks über acht Zahlungsprovider
  • KI-Assistent und Hintergrund-Agent-Tasks mit Workspace-Budgets
  • OpenAPI-dokumentierte API mit Referenz-Seite in der App
  • Onboarding, Notifications, Mail-Vorschau und Feedback-Inbox
  • 13 Sprachen und 20+ Theme-Packs auf demselben Designsystem

Warum Teams TanStack Start wählen

Vite 8 startet sofort, TanStack Router bringt dateibasierte Routen mit End-to-End-Typsicherheit, und Server Functions halten Mutationen nah am Code, der sie aufruft. Der moderne React-Stack, ohne Framework-Lock-in.

Dieselben Shared Packages treiben beide Web-Apps an, Auth, Datenbank, Billing, KI, Jobs, E-Mail , sodass Features auf beiden Oberflächen gemeinsam landen und deine Produktlogik nie auseinanderläuft.

  • TanStack Start + React
  • TanStack Start + Vite
  • Typsicheres dateibasiertes Routing & SSR
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Sentry + PostHog

Zwei Web-Stacks, ein Backend

Wähle TanStack Start, weil dein Team Vite und das TanStack-Ökosystem bevorzugt, oder shippe beide Web-Apps. Sie lesen dasselbe Schema über dieselben Packages, also wirkt ein Feature, das einmal gebaut ist, auf beiden Frontends.

Jede Lizenz enthält beide Web-Apps plus Expo und Tauri. Nur dieser Stack? Der Ein-Plattform-Plan deckt ihn ab.

Von Clone zu Production

Einmal installieren, die App auf die gemeinsame Datenbank zeigen, und der Vite-Dev-Server läuft in Minuten mit Seed-Daten. Production-Builds laufen als Node-Server out of the box, mit Nitro-Presets für andere Ziele.

  • Dasselbe Monorepo, dieselben Packages, ein Install deckt jede App
  • Typsichere Routen halten Refactorings ehrlich, wenn dein Produkt wächst
  • Guides spiegeln das Next.js-Set, die Lernkurve bleibt flach

Häufige Fragen

  • Ist die TanStack-Start-App feature-komplett?, Ja. Sie rendert dieselbe Produktoberfläche wie die Next.js-App, Home, Analytics, Members, Security-Sessions, Billing, Settings und die OpenAPI-Referenz, und wird genauso getestet.
  • Soll ich Next.js oder TanStack Start wählen?, Nimm das Framework, das dein Team bevorzugt, du bekommst ohnehin beide. Unser Vergleichs-Post geht die Trade-offs im Detail durch.
  • Teilt sie sich eine Datenbank mit der Next.js-App?, Ja. Beide Web-Apps lesen dasselbe Schema über dieselben Packages, du kannst ein oder beide Frontends auf einem Backend fahren.

Dein nächstes Produkt beginnt hier.

Einmal zahlen. Weiter profitable Produkte bauen.