Saltar al contenido
$git log --oneline

Cómo se hizo esto.

El proceso detrás del portafolio. Decisiones, errores, wireframes, todo documentado.

01 — Punto de partida

Antes de escribir código, definí qué quería. 21 fases, 207 issues en un Project de GitHub.

[captura del Project board]

02 — Referencias visuales

Busqué 8 portafolios que me gustaran. Documenté colores, tipografía, layouts.

[captura de referencias]

03 — Paleta y tipografía

Acento naranja quemado sobre fondo crema. Fraunces + Geist + Geist Mono.

[muestra]

04 — Wireframes

Bocetos de cada página antes de maquetar.

[wireframes]

05 — Stack final

Next.js 16, TypeScript, Tailwind 4, shadcn/ui con Base UI, Sanity, Resend, Vercel.

06 — Errores y aprendizajes

Bug de Babel vs Vitest. LayoutProps en CI. Fuentes duplicadas por shadcn.