Saltar al contenido principal

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.

Prompt EngineeringDesarrollo Full-StackDesarrollo IASystem DesignProduct Thinking
Lighthouse >95FCP p99 <200 ms5x velocidad vs. métodos tradicionales100% uptime
Next.js 15TypeScriptTailwind CSSVercelnext-intlMDX

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.

Página principal limpia y profesional con muestra de proyectos

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
Página principal con introducción y links a las secciones
Experiencia responsive y optimizada
Modo oscuro elegante con ratios de contraste adecuados
Hero limpio y profesional optimizado para SEO

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