El reto
Quería un lugar propio para mostrar lo que sé y lo que construyo, que fuera fácil de mantener: agregar un proyecto nuevo no debería implicar tocar componentes.
La solución
- Next.js 16 (App Router) con Server Components, para enviar el mínimo JavaScript al navegador.
- next-intl para tener todo en español e inglés, con rutas
/esy/en. - Proyectos y notas en MDX: cada proyecto es un archivo con sus metadatos y su historia.
- Tailwind CSS 4 con tokens de color propios para el modo claro y oscuro.
- Motion y Lenis para animaciones y scroll suave, respetando
prefers-reduced-motion. - Formulario de contacto real con Server Actions y Resend.
Qué aprendí
A pensar el sitio como un producto: SEO por idioma, imágenes Open Graph generadas, navegación con teclado (prueba Ctrl + K) y rendimiento medido con Vercel Speed Insights.