Documente seu banco de dados Firestore com JSON Schema
Interactive schema viewer for Firebase & Firestore · Like Swagger for NoSQL
Transforme suas coleções Firestore em documentação interativa e visual. Usa o padrão JSON Schema. Zero backend, zero config, funciona instantaneamente.
Adicione estas 2 linhas a qualquer 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 que FireSchema?
Descoberta Automática
Aponte para uma pasta de arquivos .schema.json e FireSchema constrói a árvore completa de coleções automaticamente.
Padrão JSON Schema
Usa o padrão JSON Schema 2020-12 — nenhum formato proprietário para aprender. Funciona com qualquer validador ou cadeia de ferramentas.
Saiba mais →Zero Backend
SPA estático puro. Hospede no GitHub Pages, Vercel ou qualquer CDN. Nenhum servidor, nenhum banco de dados, nenhuma API necessária.
Pasta = Hierarquia
Sua estrutura de pastas espelha seus caminhos Firestore. Pastas aninhadas se tornam subcoleções automaticamente.
Pronto para IA
Gere arquivos de schema com qualquer LLM usando o modelo de prompt incluído. Descreva suas coleções, obtenha schemas válidos.
CDN ou npm
Use via CDN com uma única tag de script, ou instale do npm para controle total em sua cadeia de build.
Feito para cada tipo de desenvolvedor
Seja construindo sozinho ou gerenciando uma equipe, FireSchema se adapta ao seu fluxo de trabalho
Para desenvolvedores solo
Construindo um MVP ou projeto pessoal? Mantenha seu banco de dados Firestore organizado desde o primeiro dia — sem a sobrecarga de ferramentas complexas.
- Configure em menos de 5 minutos via CDN
- Gratuito, open-source, zero backend
- Documente suas coleções antes que virem bagunça
Para equipes e líderes técnicos
Integrar novos desenvolvedores leva semanas quando ninguém documenta o banco de dados. FireSchema transforma seu repositório em uma referência viva do modelo de dados.
- Integre desenvolvedores em horas, não semanas
- Mudanças de schema passam por revisão de código via PRs
- Fonte única de verdade no seu repositório git
Veja em ação
Explore um visualizador FireSchema ao vivo com coleções Firestore de exemplo. Clique nas coleções para navegar por seus schemas.
Escolha sua configuração
Escolha o método que se encaixa no seu projeto. CDN é a forma mais rápida de começar.
<!-- 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>- Sem instalação
- Um único arquivo HTML
- Sempre atualizado
- Requer internet
- Sem controle de versão
0 KB — carregado via CDN