Sitio bilingüe con blog y casos de estudio
Quería un único lugar donde un reclutador, un colega o un alumno puedan leer
cómo pienso y cómo construyo. Código en el repo, casos de estudio en MDX,
notas más largas en /research, y un blog técnico para piezas cortas. La
idea no era hacer el portfolio más bonito de la cuadra, era hacer uno que
sirviera de evidencia técnica honesta.
Antes de este sitio tenía un Notion público con links a deploys y una versión en Webflow que arrastré durante dos años. Los problemas eran los de siempre: el contenido lo escribía la última vez que actualizé el CV, las páginas no comunicaban cómo construyo, y un visitante técnico podía pasar 30 segundos y no aprender nada concreto.
Lo que necesitaba: un site que fuera acceso directo a mis decisiones. Repo público con commits que se leen, MDX para escribir el "por qué" sin fricción, y un layout que respete tiempo del lector.
App Router de Next.js por server components. MDX para escribir contenido como archivos en el repo sin meterme con un CMS. next-intl para soporte bilingüe ES/EN paritario.
La decisión que más vale acá es Velite. Evalué Contentlayer, que es prácticamente el estándar para portfolios técnicos en Next, pero está deprecado desde fines de 2023. Velite lo reemplaza con mejor DX, tipos automáticos vía Zod, y soporte nativo para MDX en Tailwind v4.
Trade-offs reales:
/public/static con hash. Sin paid SaaS.Source Serif 4 para los headings y, en las páginas de research, para todo el cuerpo. Es la serif optimizada para pantalla que más se parece a Computer Modern de LaTeX sin pedirle al lector que tolere kerning de los 80.
Para chrome del sitio (navbar, footer, listings) uso Figtree, que es sans neutra y legible a 14px. Geist Mono para metadata, status badges y código.
Tres familias en total. Dentro del presupuesto típico de un sitio editorial (no más de 3).
@vercel/og por idioma./research con paper mode completo.