Saltar al contenido
HEBERT.DEV
WhatsApp
Volver a proyectos
Caso de estudio

Lucha Parodi Demo

Demo de migración de WordPress a Astro 7 con Pages CMS para Lucha Parodi Catering: el equipo sigue editando contenido sin tocar código, pero el sitio se sirve estático desde un CDN con Lighthouse 98/100 en mobile.

Lucha Parodi Demo
Categoría
Catering y Eventos
Tipo
Landing
Sector
Comercio y Alimentación
AstroPages CMSPreactTailwind CSSNetlify
Ver Demo Código Privado

El Problema

El sitio oficial de WordPress procesa cada visita en servidor (PHP/MySQL) y arrastra el peso de plugins y maquetadores visuales: carga lenta en móviles y mantenimiento constante de actualizaciones y parches de seguridad.

La Solución

Construimos una demo funcional en Astro 7 con generación estática (SSG), componentes interactivos con Preact hidratados bajo demanda y procesamiento automático de imágenes. El contenido se administra con Pages CMS, de modo que el equipo edita textos y fotos sin tocar código.

Características Clave

  • Generación de sitio estático (SSG): el HTML se sirve completo desde un CDN
  • Administración de contenido con Pages CMS sobre Git: edición sin tocar código
  • Arquitectura de componentes interactivos con Preact (menú móvil, formulario, galería)
  • Optimización nativa de imágenes (WebP/AVIF y tamaños responsivos en build)
  • Estructura SEO con Open Graph, Schema y HTML semántico
  • Transiciones fluidas entre páginas con ClientRouter de Astro
  • Despliegue continuo en Netlify con hosting estático sin costo recurrente

Resultados

La demo mantiene un Lighthouse 98/100 de rendimiento en mobile, con carga prácticamente inmediata desde CDN e imágenes optimizadas de forma automática. El contenido sigue siendo editable por el equipo mediante Pages CMS, sin el costo recurrente de un servidor con PHP y base de datos.

En Detalle

Demo funcional que muestra cómo se comportaría el sitio oficial de Lucha Parodi Catering tras migrarlo de WordPress a Astro 7 con Pages CMS: el mismo contenido, editable por el equipo sin tocar código, pero servido como sitio estático desde un CDN. No es el sitio en producción; es la propuesta técnica materializada y medible en la URL.

Enfoque del Proyecto

  • Rendimiento verificable: Lighthouse 98/100 en mobile, con las imágenes del portafolio optimizadas automáticamente en el build
  • Contenido editable con Pages CMS: textos y fotos se actualizan desde una interfaz visual conectada a Git, tan simple como el panel de WordPress
  • Menos costos operativos: hosting estático sin costo recurrente, sin actualizaciones de plugins ni licencias de maquetadores visuales