Site em construção — as páginas mostram como a plataforma ficará quando estiver pronta. Alguns recursos ainda estão em desenvolvimento.
Arquitetura e Tecnologias
Como o Projeto DAVI funciona por dentro
As tecnologias, linguagens e ferramentas que colocam a plataforma DAVI no ar — e onde cada parte fica hospedada.
Onde está hospedado
Três pilares de infraestrutura
O código vive no GitHub, a aplicação é publicada pela Vercel e os dados ficam no Supabase.
GitHub
Código-fonte
Repositório com todo o histórico de versões. O envio (git push) para o ramo principal dispara a publicação.
Vercel
Hospedagem, build e CDN
Compila o Next.js e serve o site por uma rede global de entrega (CDN). Publica automaticamente a cada push.
Supabase
Banco de dados, autenticação e tempo real
PostgreSQL + Auth + Realtime, hospedado na região de São Paulo (sa-east-1).
Construído com — o que cada tecnologia faz
TypeScript
Linguagem principal: o JavaScript com tipos, que avisa erros antes de o código rodar.
Next.js
Framework que organiza as páginas, as rotas e as otimizações em volta do React.
React
Monta a interface em componentes reutilizáveis e atualiza a tela quando os dados mudam.
Tailwind CSS
Estiliza com classes utilitárias, dando visual consistente e responsivo.
Node.js
Ambiente que executa o build e roda as ferramentas do projeto.
Supabase
Banco de dados (PostgreSQL), login e tempo real — usado na comunicação do DAVI InterCel.
Vercel
Hospeda, compila e publica o site numa CDN global a cada git push.
three.js
Renderiza gráficos 3D no navegador (a visualização do pareamento de dispositivos).
GitHub
Guarda o código na nuvem; é de onde a Vercel publica o site.
Git
Controla as versões do código — cada commit é um ponto salvo.
ESLint
Revisa o código, aponta erros e mantém o padrão de qualidade.
Visual Studio Code
O editor onde o código é escrito.
Do código ao ar
O fluxo de publicação (CI/CD)
Como uma mudança no código chega até o usuário, de forma automática.
- Código (TypeScript + React)
- git push → GitHub
- Build na Vercel (Next.js)
- CDN global
- Usuário no navegador
A cada envio para o repositório, a Vercel compila a aplicação, gera as páginas e distribui o resultado por uma rede global de entrega. Em cerca de um minuto, a nova versão está publicada em test-doug.vercel.app — sem etapas manuais.
Arquitetura em camadas
Da pessoa aos dados
Cada camada conversa com a seguinte. O usuário interage no navegador; a Vercel entrega a aplicação; o Supabase guarda e sincroniza os dados.
Pessoas e dispositivos
Navegador — Frontend e APIs nativas
Borda / CDN — Vercel
Serviços e dados
Infraestrutura e publicação
Diagrama técnico
Visão em blocos e setas
Da máquina do desenvolvedor à execução no navegador e aos serviços.
Desenvolvimento e publicação
Execução no navegador
Comunicação em tempo real
Celular controla o Painel (DAVI InterCel)
Os comandos enviados pelo celular chegam ao Painel na hora, usando o canal de tempo real do Supabase.
- Celular (controle)
- Supabase Realtime
- Painel
O Supabase Realtime (baseado em WebSocket) transmite os comandos entre dispositivos diferentes. O armazenamento local (localStorage) do navegador é mantido como histórico e reserva no mesmo aparelho.
Stack tecnológica completa
Tudo que é usado, por categoria
Linguagens, frameworks, bibliotecas, APIs do navegador e ferramentas de publicação.
Linguagens
Framework e runtime
Estilo / UI
Backend, dados e tempo real
Bibliotecas específicas
APIs nativas do navegador
Ambiente de desenvolvimento
Qualidade e ferramentas
Versionamento, CI/CD e hospedagem
Em resumo: o código em TypeScript/React/Next.js, estilizado com Tailwind, é versionado no Git/GitHub; a Vercel publica automaticamente na CDN; os dados e o tempo real vêm do Supabase (PostgreSQL + Realtime + Auth); e os recursos avançados usam APIs nativas do navegador (voz, Bluetooth, câmera, sensores) e three.js para 3D.