Como este site foi feito.
- Next.js 16
- React 19
- TypeScript
- Tailwind v4
- Motion
- Three.js
- next-intl
- @wrksz/themes
01
Stack
Next.js 16 (App Router), React 19, TypeScript e Tailwind v4. Motion nas transições, Three.js no globo, next-intl no pt/en. Tema com @wrksz/themes para não brigar com o React 19.
02
A intro
A logo desenha, voa para o header e só então o resto entra. O globo 3D esquenta atrás do palco - se ele travasse no meio da animação, você ia notar. Por isso a espera acontece antes do draw, não durante.
03
Dois idiomas, um endereço
Português é o padrão em /. Inglês mora em /en. As âncoras (#sobre, #projetos) ficam estáveis para o link compartilhado não quebrar. Na primeira visita, o idioma segue o do browser.
04
Claro e escuro
Tokens semânticos, sem flash. O script de tema entra no HTML antes da pintura; o React não precisa injetar JavaScript inline no cliente só para isso.
05
A paleta
⌘K (ou Ctrl K) abre atalhos: seções, tema, idioma, e-mail, GitHub. É o tipo de detalhe que eu gostaria de encontrar no site de outra pessoa.
06
Tipo e cor
Geist Sans e Geist Mono. Azul elétrico no dark, azul mais profundo no light - o mesmo sistema, dois humores.
O código deste site está em dollyzn/portfolio no GitHub.