CASE STUDY · 05

Personal Portfolio

IDIOMAS
2
EN · PT-PT, cobertura completa incluindo case studies.
LIGHTHOUSE
100
Pontuação máxima em performance, acessibilidade e SEO.
TOKENS
30+
Tokens semânticos de cor e tipografia, zero valores arbitrários no Tailwind.
DEPS
11
Footprint de dependências enxuto, cada package justificado.

└ OVERVIEW

Portfólio pessoal em Next.js 16, totalmente bilingue (EN + PT). Design tokens próprios em Tailwind 4 e alguns pequenos detalhes interactivos.

└ Problema
A maioria dos portfólios de developer são links secos ou templates copiados. Quis algo que mostrasse que sei entregar trabalho técnico e cuidar do design, em duas línguas.
└ Solução
Construído do zero em Next.js 16 com Cache Components. EN + PT-PT completo via next-intl. Tailwind 4 com tokens semânticos, sem valores arbitrários em parte nenhuma. Acessibilidade incorporada. O hero tem um code panel animado, os botões mostram as próprias classes ao passar o rato, a nav destaca a secção que estás a ler.
└ Impacto
Uma página para onde posso apontar pessoas, que por acaso também usa quase tudo o que é novo no Next.js 16.