Einführung
Lerne die Prinzipien von VibeKit, Systemanforderungen und Kernfunktionen kennen.
VibeKit bietet einen soliden Ausgangspunkt für moderne SaaS-Anwendungen. Es vereint produktionsreife Authentifizierung, Datenbankverwaltung, Zahlungen und Benachrichtigungen in einem einzigen TypeScript-Monorepo.
Warum VibeKit
Beim Erstellen eines SaaS-Produkts stößt man immer wieder auf dieselben Herausforderungen: sichere Logins einrichten, Datenbankmigrationen verwalten, Zahlungen abrechnen, E-Mails versenden und den Code bei wachsenden Teams sauber strukturieren. VibeKit löst diese Grundlagen ein für alle Mal, damit du dich auf dein eigentliches Kernprodukt konzentrieren kannst.
Typensicher von der DB bis zur UI
Prisma und tRPC stellen sicher, dass deine Datentypen über alle Ebenen der App konsistent bleiben.
Modulares Monorepo
Turborepo und Bun Workspaces trennen wiederverwendbare Pakete sauber von den Anwendungsrouten.
Produktionsreife Authentifizierung
Better Auth übernimmt Session-Cookies, Passwörter, E-Mail-Verifizierung und Admin-Rechte.
Stripe-Zahlungsabläufe
Vorkonfigurierte Checkout-Sitzungen, Webhook-Handler und Kundenrechte-Prüfung.
Systemanforderungen
Stelle vor Beginn sicher, dass folgende Werkzeuge auf deinem Rechner installiert sind:
- Bun: Version
1.3.13 - Docker & Docker Compose: Erforderlich für lokale PostgreSQL- und MinIO-Dienste
Prüfe deine Runtime-Version
Führe bun --version im Terminal aus. Die Version ist über .bun-version festgelegt.
Technologie-Stack
| Schicht | Technologie |
|---|---|
| Framework | Next.js 16 (App Router), React 19, TypeScript |
| Monorepo | Turborepo, Bun workspaces |
| Styling | Tailwind CSS v4, Radix UI, Lucide Icons |
| Datenbank | PostgreSQL, Prisma ORM, prisma-zod-generator |
| API | tRPC 11, TanStack Query |
| Authentifizierung | Better Auth, Argon2 Passworthashing |
| Zahlungen | Stripe (Checkout, Webhooks, Portal) |
| React Email, Resend, Postmark, Cloudflare, Plunk, Nodemailer | |
| Speicher | AWS S3, Cloudflare R2, MinIO |
| Dokumentation | Fumadocs, MDX |
| Test & Linting | Playwright E2E, node:test, Biome |
Bereit loszulegen? Weiter geht es mit der Schnellstart-Anleitung.