Documenta tu base de datos Firestore con JSON Schema
Interactive schema viewer for Firebase & Firestore · Like Swagger for NoSQL
Convierte tus colecciones de Firestore en documentación interactiva y visual. Usa el estándar JSON Schema. Sin backend, sin configuración, funciona al instante.
Agrega estas 2 líneas a cualquier página 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>¿Por qué FireSchema?
Descubrimiento Automático
Apunta a una carpeta con archivos .schema.json y FireSchema construye el árbol completo de colecciones automáticamente.
Estándar JSON Schema
Utiliza el estándar JSON Schema 2020-12 — sin formatos propietarios que aprender. Compatible con cualquier validador o herramienta.
Saber más →Sin Backend
SPA completamente estática. Hospeda en GitHub Pages, Vercel o cualquier CDN. Sin servidor, sin base de datos, sin API.
Carpeta = Jerarquía
Tu estructura de carpetas refleja tus rutas de Firestore. Las carpetas anidadas se convierten en subcolecciones automáticamente.
Preparado para IA
Genera archivos de esquema con cualquier LLM usando la plantilla de prompt incluida. Describe tus colecciones y obtén esquemas válidos.
CDN o npm
Usa vía CDN con una sola etiqueta script, o instala desde npm para control total en tu proceso de construcción.
Diseñado para cada tipo de desarrollador
Ya sea que estés construyendo solo o gestionando un equipo, FireSchema se adapta a tu flujo de trabajo
Para desarrolladores solitarios
¿Construyendo un MVP o proyecto personal? Mantén organizada tu base de datos Firestore desde el primer día — sin la complejidad de herramientas complejas.
- Configuración en menos de 5 minutos vía CDN
- Gratuito, open-source, sin backend
- Documenta tus colecciones antes de que se conviertan en un desastre
Para equipos y líderes técnicos
Incorporar nuevos desarrolladores toma semanas cuando nadie documenta la base de datos. FireSchema convierte tu repositorio en una referencia viva del modelo de datos.
- Incorpora desarrolladores en horas, no en semanas
- Los cambios de schema pasan por revisión de código via PRs
- Fuente única de verdad en tu repositorio git
Míralo en acción
Explora un visor FireSchema en vivo con colecciones de Firestore de ejemplo. Haz clic en las colecciones para navegar sus esquemas.
Elige tu configuración
Selecciona el método que mejor se adapte a tu proyecto. CDN es la forma más rápida de empezar.
<!-- 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>- Sin instalación
- Un solo archivo HTML
- Siempre última versión
- Requiere internet
- Sin control de versión
0 KB — cargado desde CDN