</>
Volver
Next.js 16 + capa gamerHecho a mano

Este portafolio

Next.js 16React 19Framer MotionTailwind

Problema

Un portafolio genérico no dice nada de cómo trabajo. Quería uno que demostrara criterio de diseño, frontend moderno y personalidad, no una plantilla más.

Contexto

Este mismo sitio. Lo diseñé y desarrollé solo, de cero, como carta de presentación técnica.

Mi rol

  • Diseño y desarrollo completos, sin plantillas ni librerías de UI.
  • Arquitectura en Next.js 16 (App Router) y React 19, con i18n es/en basada en URL para SEO.
  • Capa de interacción a medida: animaciones con Framer Motion, partículas, cursor glow y tilt 3D en las cards.

Solución

  • Una capa “gamer” opcional (RPG/MOBA/TCG): stats de personaje, card estilo campeón con kit de habilidades y una “Current Quest”.
  • Escena pixel-art propia (samurái + fogata) animada.
  • Contador de edad en tiempo real y secciones de experiencia, stack y FAQ.
  • Diseño responsivo, cuidando el rendimiento y las animaciones.

Vistas

Capturas del sitio en vivo

Hero + HUD
Hero + HUD
Sobre mí — stats de personaje
Sobre mí — stats de personaje
Proyectos
Proyectos
Escena pixel-art
Escena pixel-art

Aprendizajes

  • Aprender Next.js 16 y React 19 desde su documentación, no desde la memoria.
  • Equilibrar una identidad llamativa con rendimiento y legibilidad.

Resultado

El portafolio que estás viendo: un sitio propio, sin plantillas, que funciona como demo viva de mi frontend.