Colophon
Como esse site é construído.
Notas sobre como esse site está montado.
Stack
- Next.js 16 com App Router e Turbopack
- Fumadocs UI para o chrome de docs (sidebar, search, nav)
- Fumadocs MDX para conteúdo com i18n via
parser: "dir" - Tailwind v4 com blocos
@theme inline - shadcn/ui via pacote
@kalvner/kds - Vercel para deploys
Tema
O site usa um padrão single-seed CSS color-mix: uma variável
--seed dirige 16 tokens semânticos via color-mix(). Modo claro
mistura com branco, modo escuro com preto — mesma seed, âncoras
opostas. Escolha qualquer cor na nav superior; a paleta inteira se
re-deriva em tempo real, sem precisar de loop em JavaScript.
i18n
Dois locales — inglês (default, escondido na URL) e português
(/pt). Conteúdo vive em content/<lang>/, com a mesma árvore
espelhada.
Código
O código vive no monorepo
bridge, em
apps/portfolio/.