{}FireSchema
Open SourceLicence MITSans Backend

Documentez votre base de données Firestore avec JSON Schema

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

Transformez vos collections Firestore en documentation interactive et visuelle. Utilise le standard JSON Schema. Zéro backend, zéro config, fonctionne instantanément.

Sans buildSans backendFonctionne en 2 minutes
DÉMARRAGE RAPIDE : CDN

Ajoutez ces 2 lignes à n'importe quelle page HTML

<link rel="stylesheet" href="unpkg.com/firestore-schema-viewer/dist/style.css">
<script src="unpkg.com/firestore-schema-viewer/dist/fsv.umd.js"></script>
Voir le guide complet →

Pourquoi FireSchema ?

Découverte automatique

Pointez-le vers un dossier de fichiers .schema.json et FireSchema construit automatiquement l'arborescence complète des collections.

Standard JSON Schema

Utilise le standard JSON Schema 2020-12 — aucun format propriétaire à apprendre. Fonctionne avec n'importe quel validateur ou chaîne d'outils.

En savoir plus →

Zéro backend

Pur SPA statique. Hébergez sur GitHub Pages, Vercel ou n'importe quel CDN. Aucun serveur, aucune base de données, aucune API requise.

Dossier = Hiérarchie

Votre structure de dossiers reflète vos chemins Firestore. Les dossiers imbriqués deviennent automatiquement des sous-collections.

Prêt pour l'IA

Générez des fichiers schéma avec n'importe quel LLM en utilisant le modèle de prompt inclus. Décrivez vos collections, obtenez des schémas valides.

CDN ou npm

Utilisez via CDN avec une seule balise script, ou installez depuis npm pour un contrôle total dans votre pipeline de build.

Voyez-le en action

Explorez un visualiseur FireSchema en direct avec des exemples de collections Firestore. Cliquez sur les collections pour parcourir leurs schémas.

index.html

Choisissez votre configuration

Choisissez la méthode adaptée à votre projet. CDN est le moyen le plus rapide.

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>
Avantages
  • Aucune installation
  • Un seul fichier HTML
  • Toujours à jour
Inconvénients
  • Nécessite internet
  • Pas de contrôle de version
Taille

0 Ko — chargé depuis le CDN