Firebase
@rebasepro/firebase bindet Rebase CMS an Firebase an. Deine
Collections beschreiben Firestore-Dokumente, und das Panel liest und schreibt sie
über das Firebase-SDK.
Installation
Abschnitt betitelt „Installation“pnpm add @rebasepro/firebase firebasePeer Dependencies: firebase (10, 11 oder 12), react ≥ 19, react-dom ≥ 19 und
optional typesense für die Textsuche.
Was es bietet
Abschnitt betitelt „Was es bietet“RebaseFirebaseApp– eine vollständige Admin-App: Firebase Auth-Login, Routing und CRUD-Operationen für Firestore, basierend auf deinen Collection-Definitionen.- Hooks pro Dienst – Auth, Firestore, Storage, App Check, Benutzerverwaltung.
- Adapter für die Textsuche – Algolia, Typesense, Pinecone oder lokal.
import { RebaseFirebaseApp } from "@rebasepro/firebase";
export default function App() { return <RebaseFirebaseApp name="My Project" firebaseConfig={firebaseConfig} collections={[posts, authors]} />;}Ein funktionierendes Beispiel befindet sich in examples/firebase.
Was nicht übernommen wird
Abschnitt betitelt „Was nicht übernommen wird“Alles auf dieser Website, was das Rebase-Backend beschreibt, bezieht sich auf den PostgreSQL- (oder MongoDB-) Pfad, nicht auf diesen:
| Row-Level Security | Stattdessen Firebase Security Rules, geschrieben in Firebase |
| REST-API und generiertes SDK | Nicht vorhanden – der Browser nutzt das Firebase-SDK |
| Functions und Crons | Stattdessen Cloud Functions for Firebase |
| Storage-Zugriffsmodell | Stattdessen Firebase Storage-Regeln |
Studio, rls-check, Migrationen |
Postgres-Funktionen; nicht anwendbar |
Wann dieser Ansatz sinnvoll ist
Abschnitt betitelt „Wann dieser Ansatz sinnvoll ist“Wähle diese Option, wenn du bereits ein Firebase-Projekt hast und ein besseres Admin-Panel dafür benötigst. Wenn du dich erst für ein Backend entscheidest, anstatt ein bestehendes anzubinden, ist der PostgreSQL-Pfad derjenige, um den es im Rest dieser Dokumentation geht.
Verwandte Themen
Abschnitt betitelt „Verwandte Themen“- Frontend-Setup – das Panel, dessen Datenschicht hierdurch ersetzt wird
- Authentifizierung & Login – die Anmeldeoberfläche in beiden Fällen
- Collections definieren – die Collection-Struktur, die von beiden Treibern gelesen wird