Zum Inhalt springen
Supastack
DE
Design
AnmeldenSupastack holen
Alle Artikel

Ein Next.js SaaS-Boilerplate mit Auth, Billing und KI ab Werk

supastack ist ein Next.js 16 SaaS-Boilerplate: Sign-in, Teams, Billing, KI-Chat, Admin, i18n und Themes, eine echte App, die du ab Tag eins deployen kannst.

Noah Zixin Zhang1 Min. Lesezeit

Was enthält die Next.js-App von supastack?

Das hängt vom Tarif ab, aber jede Lizenz liefert dieselbe vollständige Next.js-16-App: Anmeldung mit OAuth, Passkeys und Zwei-Faktor, Team-Workspaces, Abrechnung über acht Zahlungsanbieter, KI-Chat mit Budgets pro Workspace, eine Admin-Oberfläche und 13 Sprachen. Die Ein-Plattform-Lizenz deckt nur Next.js ab; das Bundle ergänzt die TanStack-Start-, Expo- und Tauri-Apps auf demselben Backend.

Alles, was ein SaaS braucht, schon gebaut

Die Next.js-App ist das komplette supastack-Produkt: dasselbe Dashboard, dieselben Settings und Admin-Flächen wie in der Demo. Du baust keine Landing Page zusammen, du löschst die Teile aus einem fertigen Produkt, die du nicht brauchst.

  • Sign-in mit Google, Apple, GitHub und E-Mail-Magic-Links, plus Passkeys, Zwei-Faktor und Session-Management
  • Workspaces, Rollen und Team-Einladungen mit Rechten pro Mitglied
  • Billing mit Checkout, Kundenportal und signierten Webhooks, Stripe, Paddle, Polar, Lemon Squeezy, Dodo, Creem, Whop und PayPal
  • KI-Chat und Hintergrund-Agent-Tasks mit Budgets und Token-Tracking pro Workspace
  • Notifications, Activity-Feeds, Feedback-Inbox und eine Mail-Vorschau für jede Transaktionsmail
  • Admin-Fläche mit Analytics, Suche, Members und Security-Sessions
  • 13 Sprachen, 20+ Theme-Packs und eine vollständige OpenAPI-dokumentierte API
  • Seed-Daten, echte Tests und Guides von Setup bis Deploy

So gebaut, wie Next.js-Teams es erwarten

Die App läuft auf Next.js 16 mit App Router: React Server Components für schnelles First Paint, Route Handler für API-Endpunkte und Streaming, wo es zählt. Alles ist Ende-zu-Ende typisiert in einem Turbo-Monorepo, das du an einem Nachmittag durchschaust.

Produktlogik lebt in Shared Packages, Auth, Datenbankschema, E-Mail, Jobs, Billing und KI-Provider , sodass die Framework-Schicht dünn bleibt. Einen Provider tauschen oder den Webhook-Flow nachvollziehen dauert Minuten, keine Archäologie.

  • Next.js 16 App Router + React 19
  • React Server Components (RSC) + Server Actions
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Trigger.dev
  • Sentry + PostHog

Ein Produkt, vier Stacks

supastack ist dieselbe SaaS viermal: diese Next.js-App, eine TanStack-Start-App, eine Expo-App für iOS und Android und eine Tauri-Desktop-App. Sie teilen sich ein Backend, ein Workspace, der im Web angelegt wird, taucht am Telefon auf.

Eine Lizenz deckt alle vier Apps ab. Willst du nur diesen Stack, gibt es den Ein-Plattform-Plan, aber nichts hält dich davon ab, die anderen später dazuzunehmen.

Von Clone zu Production

Klonen, Umgebungsvariablen setzen, Migrationen laufen lassen, die App bootet mit Seed-Daten, die du sofort durchklicken kannst. Der Fünf-Minuten-Quickstart führt exakt diesen Weg, und die Provider-Guides decken jede Integration ab, die du aktivierst.

  • Ein Install und ein Dev-Befehl, der erste Start seedet einen Demo-Workspace
  • Deploy auf Vercel, Docker, Node oder Cloudflare Workers
  • Optionale Provider bleiben aus, bis du Keys setzt, nichts crasht wegen eines fehlenden Secrets

Häufige Fragen

  • Ist die Next.js-App ein echtes Produkt oder eine Komponenten-Bibliothek?, Ein echtes Produkt. Sie liefert die komplette Oberfläche, Sign-in, Onboarding, Dashboard, Billing, Settings und Admin, auf einem echten Backend. Jeder Screenshot auf dieser Seite kommt aus ihr.
  • Wohin kann ich die Next.js-App deployen?, Überall, wo Next.js läuft: Vercel, Docker auf einem VPS, Netlify, Bun oder Cloudflare Workers. Die Deployment-Guides decken jedes Ziel ab, und kein Provider ist zum Booten nötig, jede Integration ist opt-in.
  • Sind KI-Features enthalten?, Ja, Streaming-KI-Chat, Hintergrund-Agent-Tasks, Budgets pro Workspace und Token-Usage-Tracking, bereit für OpenAI-, Anthropic- oder OpenRouter-Keys.

Dein nächstes Produkt beginnt hier.

Einmal zahlen. Weiter profitable Produkte bauen.