Portfolio Personal
Portfolio bilingüe diseñado y desplegado en 12 horas con desarrollo acelerado por IA y últimas tecnologías, arquitectura optimizada para rendimiento, SEO y escalabilidad.
Arquitectura Next.js con SSR, i18n y MDX; FCP p99 <200 ms, soporte completo de dark mode y escalado automático en Vercel.
Duración
Presente●
Introducción
Lancé un portfolio bilingüe impulsado por IA en 12 horas con Next.js 15 + SSR, logrando Lighthouse >95 y FCP p99 <200 ms. Diseñado para velocidad, escalabilidad y claridad: responsive, SEO-optimizado, accesible y listo para producción sin incidencias pos-lanzamiento.
Desafío
El reto fue acotar el desarrollo a 12 horas integrando i18n, MDX y dark mode sin sacrificar rendimiento ni SEO. Requirió priorización estricta de funcionalidades, decisiones de diseño sin ambigüedad y una orquestación precisa para equilibrar velocidad de entrega y escalabilidad. La IA fue palanca táctica para acelerar sin bajar el listón de calidad.
Solución y Enfoque
Combiné un stack moderno con flujos acelerados por IA para generar scaffolding, copies y optimizaciones SEO. Yo tomé las decisiones clave de diseño, arquitectura y contenido; los modelos ejecutaron tareas repetibles. Resultado: entrega rápida con estándares altos de rendimiento, accesibilidad y mantenibilidad.
Aspectos Técnicos Destacados
- Next.js 15: SSR optimizado para mejorar el SEO y el rendimiento.
- TypeScript: Configurado en modo estricto para asegurar fiabilidad y reducir errores.
- Tailwind CSS: Diseño moderno, responsivo y eficiente para facilitar el desarrollo.
- Vercel: Despliegue rápido y fiable, con rendimiento optimizado y escalabilidad automática.
- next-intl: Internacionalización completa que simplifica la gestión de múltiples idiomas (ES/EN).
- MDX: Creación sencilla de contenido dinámico e interactivo directamente en archivos markdown.
Modelos Utilizados
- Claude 4 Opus: para generar la arquitectura base y las tareas principales de programación.
- Claude 4 Sonnet: para refinar lógica y realizar ajustes incrementales durante el desarrollo.
- ChatGPT 5: clave para definir secciones y optimizar contenido textual.
- Gemini 2.5 Flash: para generar contenido complementario de forma rápida.
Resultados
Logró Lighthouse >95, 100 % de uptime desde el lanzamiento y cero errores pos-lanzamiento—demostrando que la entrega acelerada por IA puede producir resultados pulidos y resilientes en horas, no semanas.
Métricas Clave
- Lighthouse >95 (rendimiento, accesibilidad y SEO)
- FCP p99 <200 ms
- 5× velocidad de desarrollo vs. métodos tradicionales
- 100% de uptime desde el lanzamiento
Este proyecto demuestra cómo integrar IA con decisiones arquitectónicas claras permite entregar valor en horas, no semanas. Deja una base escalable para futuros casos y contribuciones, y mantiene mi portfolio actualizado y profesional.
¿Quieres ver más?
Revisa los enlaces relevantes a continuación para seguir explorando