Einführung
Was ist Rebase?
Abschnitt betitelt „Was ist Rebase?“Rebase ist ein quelloffenes Backend-as-a-Service (BaaS) und Admin-Panel, das mit React und TypeScript erstellt wurde. Es bietet Ihnen alles, was Sie zum Erstellen produktionsbereiter Back-Office-Anwendungen auf Basis von PostgreSQL benötigen:
- Schema als Code — Definieren Sie Ihre Datenmodelle als TypeScript-Sammlungen. Rebase generiert PostgreSQL-Tabellen, eine vollständige CRUD-Benutzeroberfläche, REST-API-Endpunkte und typsichere Client-SDKs aus einer einzigen Quelle der Wahrheit.
- Sofortiges Admin-Panel — Eine schöne, schnelle React-basierte Admin-Benutzeroberfläche mit Tabellen, Listen, Formularen, Kanban-Boards, Inline-Bearbeitung und Echtzeit-Synchronisierung.
- Integriertes Backend — Authentifizierung (JWT + Google OAuth), Dateispeicherung (lokal oder S3), Row Level Security, Entitätshistorie und WebSocket-Echtzeit – alles integriert.
- Radikal erweiterbar — Wenn Sie es in React erstellen können, können Sie es zu Rebase hinzufügen. Benutzerdefinierte Felder, benutzerdefinierte Ansichten, Plugins und voller Zugriff auf interne Hooks.
So funktioniert es
Abschnitt betitelt „So funktioniert es“┌──────────────────────────────────────────────────────┐│ Client Applications ││ ┌──────────────┐ ┌───────────────────────────────┐ ││ │ Your App │ │ Rebase Admin UI │ ││ │ (Any Tech) │ │ Tables / Lists / Kanban │ ││ └──────┬───────┘ └───────┬───────────────────────┘ │└─────────┼───────────────────┼───────────────────────┘ │ HTTP + WebSocket │ ▼ ▼┌──────────────────────────────────────────────────────┐│ Rebase Backend (Node.js + Hono) ││ ┌─────────┐ ┌──────┐ ┌─────────┐ ┌───────────────┐ ││ │ REST API│ │ Auth │ │ Storage │ │ WebSocket RT │ ││ └────┬────┘ └──┬───┘ └────┬────┘ └──────┬────────┘ │└───────┼─────────┼──────────┼─────────────┼───────────┘ │ │ │ │ ▼ ▼ ▼ ▼┌──────────────────────────────────────────────────────┐│ PostgreSQL (Drizzle ORM) │└──────────────────────────────────────────────────────┘Schnellstart
Abschnitt betitelt „Schnellstart“pnpm dlx @rebasepro/cli init my-appcd my-appinit generiert eine sofort einsatzbereite .env für Sie (Geheimnisse, Datenbank-Passwort, ein freier lokaler Port) — kein Bearbeiten nötig, um loszulegen. Starten Sie den mitgelieferten PostgreSQL-Container, erstellen Sie die Tabellen und starten Sie dann die Entwicklungs-Server:
docker compose up -d db # Datenbank startenpnpm run db:push # Tabellen aus Ihren Sammlungen erstellenpnpm dev # Backend + Frontend startenIhr Admin-Panel läuft unter http://localhost:5173 und die API unter http://localhost:3001. Das erste Konto, das Sie registrieren, wird zum Administrator.
→ Folgen Sie dem vollständigen Schnellstart-Leitfaden für eine komplette Anleitung, einschließlich der Anbindung Ihrer eigenen Datenbank.
Kernfunktionen
Abschnitt betitelt „Kernfunktionen“| Funktion | Beschreibung |
|---|---|
| Tabellenansichten | Schnelle, virtualisierte Tabelle mit Inline-Bearbeitung, Filterung, Sortierung und Textsuche |
| Listenansicht | Saubere, responsive vertikale Listenansicht für Sammlungen |
| Kanban-Board | Drag-and-Drop-Board-Ansicht, gruppiert nach einer beliebigen Enum-Eigenschaft |
| Beziehungen | Eins-zu-eins, Eins-zu-viele, Viele-zu-viele mit Verknüpfungstabellen und Multi-Hop-Joins |
| Zeilenbasierte Sicherheit (RLS) | RLS-Richtlinien im Supabase-Stil, definiert in Ihrer Sammlungs-Konfiguration |
| Authentifizierung | JWT + Refresh-Token, Google OAuth, rollenbasierte Zugriffssteuerung |
| Dateispeicherung | Lokales Dateisystem oder S3-kompatibel mit Upload-Feldern und Browser |
| Echtzeit-Synchronisierung | WebSocket-gesteuerte Live-Updates für alle verbundenen Clients |
| Entitätshistorie | Vollständige Überwachungshistorie für jede Erstellung, Aktualisierung und Löschung |
| REST-API | Automatisch generierte CRUD-Endpunkte für jede Sammlung |
| Datenimport/-export | CSV-, JSON- und Excel-Import mit Feldzuordnung; CSV-/JSON-Export |
| Sammlungs-Editor | Visueller Schema-Editor, der TypeScript über AST-Manipulation generiert |
| Client-SDK | Typsicheres JavaScript-SDK für Ihre Frontend-Anwendungen |
| Plugin-System | Erweitern Sie jeden Teil der Benutzeroberfläche — Symbolleiste, Formulare, Felder, Startseite |
| KI-Datenverbesserung | LLM-gestützte Autovervollständigung für Textfelder |
| Cron-Jobs | Geplante Hintergrundaufgaben mit Überwachung, Protokollierung und Studio-Dashboard |
Nächste Schritte
Abschnitt betitelt „Nächste Schritte“- Schnellstart — In 2 Minuten einsatzbereit
- Projektstruktur — Den generierten Code verstehen
- Sammlungen — Ihr Datenschema definieren
- Backend — Authentifizierung, Speicher und die API konfigurieren
- Architektur — Verstehen, wie alles zusammenpasst
