{}FireSchema
Open SourceMIT LizenzKein Backend nötig

Dokumentiere deine Firestore-Datenbank mit JSON Schema

Interactive schema viewer for Firebase & Firestore · Like Swagger for NoSQL

Verwandle deine Firestore-Sammlungen in schöne, interaktive Dokumentation. Nutzt den JSON Schema Standard. Kein Backend, keine Konfiguration, sofort einsatzbereit.

Kein BuildKein BackendIn 2 Minuten einsatzbereit
SCHNELLSTART: CDN

Füge diese 2 Zeilen zu einer beliebigen HTML-Seite hinzu

<link rel="stylesheet" href="unpkg.com/firestore-schema-viewer/dist/style.css">
<script src="unpkg.com/firestore-schema-viewer/dist/fsv.umd.js"></script>
Vollständige Anleitung →

Warum FireSchema?

Automatische Entdeckung

Zeige auf einen Ordner mit .schema.json-Dateien und FireSchema erstellt den vollständigen Sammlungsbaum automatisch.

JSON Schema Standard

Nutzt den JSON Schema 2020-12 Standard — kein proprietäres Format zum Lernen. Funktioniert mit jedem Validator oder Toolchain.

Mehr erfahren →

Ohne Backend

Reine statische SPA. Hoste auf GitHub Pages, Vercel oder einem beliebigen CDN. Kein Server, keine Datenbank, keine API erforderlich.

Ordner = Hierarchie

Deine Ordnerstruktur spiegelt deine Firestore-Pfade wider. Verschachtelte Ordner werden automatisch zu Untersammlungen.

KI-Ready

Generiere Schema-Dateien mit jedem LLM unter Verwendung der enthaltenen Prompt-Vorlage. Beschreibe deine Sammlungen, erhalte valide Schemas.

CDN oder npm

Nutze es via CDN mit einem einzelnen Script-Tag oder installiere es aus npm für volle Kontrolle in deiner Build-Pipeline.

Sehe es in Aktion

Erkunde einen Live-FireSchema-Viewer mit Beispiel-Firestore-Sammlungen. Klicke auf Sammlungen, um deren Schemas zu durchsuchen.

index.html

Wähle deine Konfiguration

Wähle die Methode, die zu deinem Projekt passt. CDN ist der schnellste Weg.

index.html
<!-- index.html -->
<link rel="stylesheet"
  href="https://unpkg.com/firestore-schema-viewer/dist/style.css">

<div id="app"></div>

<script src="https://unpkg.com/firestore-schema-viewer/dist/fsv.umd.js"></script>
<script>
  FirestoreSchemaViewer.render('#app', {
    schemasDir: './schemas/'
  })
</script>
Vorteile
  • Keine Installation
  • Eine HTML-Datei
  • Immer aktuell
Nachteile
  • Internet erforderlich
  • Keine Versionskontrolle
Größe

0 KB — über CDN geladen