journalctl -u esp-tribunas --full
Sitio Web ESP Tribunas Córcega
Sitio público mobile-first con arquitectura de información clara y animaciones de storytelling.
Lighthouse performance
LCP objetivo
responsive
secciones IA
alejandro@codedbyjav.cc :~$ cat context.md
¿Por qué?
El sitio heredado de ESP Tribunas tenía navegación confusa, mala experiencia móvil y bajo posicionamiento SEO. Ciudadanos y operadores no encontraban trámites ni información de servicios públicos rápidamente. La empresa de servicios públicos necesitaba presencia digital confiable que reflejara operación moderna sin sacrificar accesibilidad.
alejandro@codedbyjav.cc :~$ grep -E "^\[ \]" objectives.md
¿Para qué?
- ○ Reconstruir arquitectura de información centrada en tareas.
- ○ Diseño mobile-first con Core Web Vitals en verde.
- ○ Storytelling con animaciones GSAP respetando reduced-motion.
- ○ SEO técnico y metadatos por sección de servicio.
- ○ Mantenimiento simple sin dependencia de WordPress legacy.
alejandro@codedbyjav.cc :~$ ls adr/
Decisiones de arquitectura
Next.js SSG sobre WordPress
alternatives: WordPress + tema custom, Astro estático
why: Control total de performance, componentes reutilizables y preview de contenido.
trade-off: Edición de contenido requiere flujo de desarrollo, no CMS visual.
GSAP para storytelling
alternatives: CSS-only, Framer Motion (React island)
why: Secuencias complejas de scroll con control fino y pausa en reduced-motion.
trade-off: Bundle JS adicional mitigado con carga diferida.
Tailwind + tokens de diseño
alternatives: Bootstrap legacy, CSS modules puro
why: Consistencia responsive y mantenimiento rápido entre 12 secciones.
trade-off: Clases utilitarias densas en componentes complejos.
Imágenes optimizadas y lazy loading
alternatives: IMG tags sin optimizar, CDN genérico
why: LCP bajo 3s en móvil 4G para usuarios en campo.
trade-off: Pipeline de assets en cada release de contenido.
alejandro@codedbyjav.cc :~$ tree -L 2 src/
Arquitectura
alejandro@codedbyjav.cc :~$ npm ls --depth=0
Stack tecnológico
alejandro@codedbyjav.cc :~$ tail -f results.log
Resultados
lecciones aprendidas
- Arquitectura de información importa más que animaciones para sitios de servicios.
- GSAP con prefers-reduced-motion evita sacrificar accesibilidad.
- SSG + contenido estructurado simplifica auditorías SEO periódicas.
¿Construimos algo juntos?
Abierto a roles senior full-stack y trabajo freelance seleccionado. Escribime por LinkedIn — leo cada mensaje.