AAAAdrian Alvarez Alonso Portfolio
GitHub Repository

Menú de Navegación

Menú de navegación móvil con enlaces a proyectos, blog y redes sociales

NANO-9 Interactive Hero and PreloaderNANO-9 Minimal Slider and Project Showcase

NANO-9

See the project live

Plataforma portafolio premium con generación de sitios estáticos en Astro, coreografía avanzada de motion (GSAP), e infraestructura de email backend usando Astro Actions y Resend para comunicación transaccional.

Challenge

Desarrollar una experiencia de usuario que simulara la estética de lujo y movimiento refinado de las agencias de diseño de alta gama, manteniendo al mismo tiempo un rendimiento excelente. El desafío clave fue orquestar animaciones complejas impulsadas por GSAP (preloader, slider, revelación de texto con SplitText) y gestionar un flujo de correo electrónico seguro y limpio usando Astro Actions.

Solutions

Construcción de sitio de alto rendimiento usando Astro para generación estática con optimizaciones server-side para SEO y Core Web Vitals. Implementación de infraestructura de email backend usando Astro Actions con API Resend para envíos transaccionales seguros de formularios de contacto. Coreografía de animaciones complejas usando GSAP con CustomEase y SplitText para motion design premium. Integración de workflow de desarrollo asistido por IA para scaffolding de componentes y optimización. Implementación de rate limiting y validación de formularios con Redis.

TechStack