Portfolio Personal

Lo estás viendo. Este sitio se levantó en 12 horas, del primer commit a producción. No es un prototipo de hackathon ni una landing page. Es un portfolio bilingüe completo con SSR, contenido MDX y Lighthouse por encima de 95. Lo construí a principios de 2025 como experimento: ¿qué pasa cuando juntas una visión de producto clara con ejecución acelerada por IA? En ese momento, este flujo de trabajo era nuevo. Ahora es como construyo todo.

Por qué 12 horas

Me impuse la restricción a propósito. Los portfolios son trampas de procrastinación. He visto ingenieros pasarse meses retocando el suyo en vez de hacer el trabajo que intentan mostrar. Quería demostrarme algo: con el flujo de trabajo adecuado, entregar rápido no implica entregar mal.

La restricción obligó a tomar decisiones duras. Sin animaciones a medida. Sin interacciones rebuscadas. Solo tipografía limpia, tiempos de carga rápidos y contenido que dice lo que hago de verdad. Resulta que con eso basta.

Cómo encaja la IA

Usé Claude para aproximadamente el 80% de la generación de código. Pero eso significa lo siguiente: yo tomé cada decisión arquitectónica. Elegí la estructura de componentes. Diseñé el routing. Decidí qué contenido va dónde y cómo se lee. La IA escribió el boilerplate que implementa mis decisiones.

El flujo de trabajo tiene límites claros. No le pido a la IA que tome decisiones de producto. No entrego código que no entiendo. Cuando Claude genera algo, lo leo, valoro si lo habría escrito igual y muchas veces reescribo partes. La velocidad viene de eliminar el tecleo, no el pensamiento.

Esto importa porque el relato sobre programación con IA suele estar equivocado en ambas direcciones. Los escépticos creen que no sirve. Los entusiastas creen que sustituye a los desarrolladores. La realidad: es un multiplicador de la habilidad que ya tienes. Si sabes qué construir, la IA te ayuda a construirlo más rápido. Si no lo sabes, te ayuda a construir lo equivocado más rápido.

El stack

Next.js con App Router. TypeScript en modo estricto. Tailwind CSS. next-intl para i18n. MDX para contenido. Vercel para deploy. Nada experimental, nada ingenioso de más. Herramientas probadas que conozco lo bastante bien para ir rápido.

La parte bilingüe dio más trabajo del esperado. No la traducción en sí, sino el routing, los metadatos, el cambio de contenido. next-intl resuelve casi todo, pero siempre quedan edge cases. Inglés por defecto sin prefijo, español con /es, componentes compartidos que tienen que funcionar en ambos contextos.

MDX compensa el tiempo de configuración. Escribir contenido en Markdown resulta natural. Insertar componentes React cuando hacen falta mantiene la flexibilidad. Las páginas de proyectos que estás leyendo son archivos MDX con metadatos exportados. Fácil de escribir, fácil de mantener.

Rendimiento

Lighthouse 95+ en todas las categorías. First Contentful Paint bajo 200ms en p99. Cero bugs post-lanzamiento.

No fue casualidad. Next.js te lleva la mayor parte del camino con SSR y optimización automática de imágenes. El modo estricto de TypeScript caza bugs antes de que lleguen a producción. Vercel gestiona la caché. Lo demás fue simplemente no estropearlo: nada de JavaScript innecesario, nada de layout shifts, HTML semántico correcto.

Lo que aprendí

Las restricciones son herramientas, no limitaciones. El deadline de 12 horas eliminó mi tendencia a perderme en detalles. No podía dedicar dos días a elegir tipografías. No podía rehacer la librería de componentes tres veces. Tocaba decidir y avanzar.

Colaborar con IA requiere criterio. Lo difícil no es que la IA genere código. Es saber qué pedirle y reconocer cuándo el resultado vale. Para eso hace falta haber construido cosas por el camino largo primero. Necesitas un modelo mental de cómo es lo correcto.

Entregar gana a perfeccionar. Este sitio no es perfecto. Hay cosas que cambiaría. Pero existe, funciona y puedo iterar. La alternativa era otro mes de planificación sin una sola línea de código en producción.

El flujo de trabajo es repetible. He usado el mismo enfoque en prototipos desde entonces. Visión de producto clara, ejecución acelerada por IA, restricciones ajustadas. Cambia por completo lo que una persona puede entregar en un fin de semana.