CASE STUDY · 05
Personal Portfolio
- Personal
- 2026
- Designer + Developer
LOCALES
2
EN · PT-PT, full content coverage including case studies.
LIGHTHOUSE
100
Perfect score across performance, a11y, and SEO.
TOKENS
30+
Semantic color and typography tokens, zero arbitrary Tailwind values.
DEPS
11
Lean dependency footprint, every package justified.
└ OVERVIEW
Personal portfolio in Next.js 16, fully bilingual (EN + PT). Custom design tokens in Tailwind 4 and a few small interactive details.
└ Problem
Most dev portfolios are either link dumps or template clones. I wanted something that shows I can ship technical work and design well, in two languages.
└ Solution
Built from zero on Next.js 16 with Cache Components. Full EN + PT-PT through next-intl. Tailwind 4 with semantic tokens, no arbitrary values anywhere. Accessibility baked in. The hero has an animated code panel, the buttons show their own classes on hover, the nav highlights the section you're reading.
└ Impact
A surface I can point people at, that also happens to exercise most of what's new in Next.js 16.