Diário Espacial
Notas sobre a tecnologia por trás deste site, escritas pela pessoa que o construiu — GSAP e movimento guiado por scroll, shaders WebGL escritos à mão, uma técnica de renderização híbrida CSS3D, a arquitetura de exportação estática do Next.js, e o resto do stack, uma entrada de registo por tema.
Como o GSAP conduz o movimento ligado ao scroll e a navegação entre secções nos meus projetos — desde revelações com ScrollTrigger até um sistema de scroll totalmente personalizado guiado por câmara.
Shaders GLSL escritos à mão e cenas Three.js para experiências web 3D personalizadas — nebulosas, campos de estrelas e iluminação em tempo real, construídas de raiz em vez de montadas a partir de um template.
Conteúdo DOM real e acessível colocado dentro de uma cena WebGL 3D genuína usando o CSS3DRenderer do Three.js — o texto continua selecionável e rastreável mesmo enquanto orbita no espaço 3D.
Next.js App Router compilado para um site totalmente estático — output: 'export' — sem processo de servidor, sem arranques a frio e sem nada para corrigir às 2 da manhã.
Cada componente, hook e módulo partilhado aqui está tipado do princípio ao fim — detetando incompatibilidades de forma de estado entre sistemas independentes antes de irem para produção, não depois.
Tailwind v4 para um trabalho de layout rápido e consistente — combinado com CSS escrito à mão para as partes (empilhamento 3D, overlays de shaders personalizados, animação por keyframes) que precisam de um controlo ao nível do pixel que uma classe de utilidade não consegue expressar.
Builds estáticos enviados diretamente para a rede de borda da Cloudflare via Wrangler — tempos de primeiro byte rápidos em todo o mundo, e nada em execução que precise de uma fatura de servidor ou de um calendário de correções.
Dados estruturados, sitemaps e metadados semânticos tratados como parte do build desde o primeiro dia — não como uma checklist feita na semana antes do lançamento.