¡Estás aquí!

Sitio demo

Portafolio moderno y responsive construido con Next.js, TypeScript y Tailwind CSS. Animaciones suaves, modo oscuro y rendimiento optimizado.

Next.jsTypeScriptTailwind CSSFramer Motion

Sobre el proyecto

Un proyecto de portfolio completo pensado para mostrar experiencia en quality engineering de forma moderna. El sitio no solo es una tarjeta de visita: es en sí mismo un ejemplo de atención al detalle, rendimiento y accesibilidad digital. Usa tecnologías actuales del ecosistema React para un rendimiento rápido y una excelente experiencia de usuario.

Características principales

Internacionalización dinámica (i18n)
Menú de comandos avanzado (CMD+K)
Optimización de Core Web Vitals
Diseño responsive con modo oscuro

Desafíos técnicos

El principal reto fue crear un sitio muy interactivo (animaciones con Framer Motion) manteniendo un peso 'ligero' y una alta accesibilidad (WCAG AA). Otro aspecto fue automatizar las traducciones sin perder coherencia contextual.

Renderizado del lado del servidor con Next.js App Router

Sistema de diseño responsive

Animaciones avanzadas con Framer Motion

SEO optimizado y rendimiento primero

Código