Por que este site usa dados em tempo real
Por que este portfólio mostra telemetria e presença de cursores junto às páginas estáticas.
Em geral, sites de portfólio são estáticos. Mostram projetos, habilidades e links. Na maioria dos casos, isso basta.
Eu queria mostrar como construo software. Uma lista de projetos exibe o resultado, mas deixa de fora as decisões por trás dele.
Por isso, acrescentei telemetria e presença de cursores à página inicial. O site continua funcionando como portfólio enquanto mostra o que a própria aplicação está fazendo naquele momento.
A implementação também segue o tipo de software que gosto de construir. O frontend reage aos dados dos serviços do backend, e o cliente e o servidor usam os mesmos contratos.
A stack é simples: Astro no frontend, Solid para ilhas interativas e Bun com Elysia no backend.
O Astro ainda gera quase todo o site como HTML estático. O Solid inicia apenas as partes que dependem do estado do navegador ou de dados em tempo real.
No próximo post, vou desmontar uma dessas partes e acompanhar o caminho dos dados.