Hyvä Theme en Magento 2: instalación real, Alpine.js y adiós a Luma
8 min readPrerrequisitos: Magento 2.4.4+, acceso SSH al servidor, Composer instalado. No necesitas experiencia previa con Alpine.js ni Tailwind.
Si tu tienda Magento tiene 35 de PageSpeed, el problema no es tu servidor. Es Luma. Carga jQuery, KnockoutJS y RequireJS antes de renderizar nada útil — 400KB a 1MB de JavaScript bloqueando el hilo principal. Hyvä lo reemplaza todo con Alpine.js y Tailwind: bundles de menos de 100KB, 90+ de PageSpeed sin magia de caché. En 2026 ya supera las 5.000 tiendas en producción.
Deberías ver: 'Nothing to install' o la versión instalada de hyva-themes/magento2-default-theme en la salida de Composer. Si ves un error 404, verifica que añadiste el repositorio antes del require.
Activa el child theme desde el Admin: Content > Design > Configuration, selecciona tu store view y elige 'Hyvä Child Theme'. Limpia caché después.
El estado vive en el HTML. No necesitas buscar en un archivo JavaScript separado qué hace este componente — está todo en el template, visible de un vistazo. Eso es lo que hace Alpine.js más mantenible que KnockoutJS.
Hyvä no es compatible automáticamente con extensiones que sobrescriben templates de Luma. Antes de migrar una tienda existente, verifica tu lista en hyva.io/compatible-extensions. Si tienes 20+ extensiones de terceros sin verificar, audítalas primero. Para proyectos nuevos desde cero: usa Hyvä sin dudarlo.
Hyvä es hoy la decisión estándar para proyectos Magento nuevos en 2026. El stack Alpine.js + Tailwind es más predecible que KnockoutJS porque vive en el HTML, no en observables. Si sabes PHP y entiendes HTML, Alpine.js te resultará natural en menos de una semana. Siguiente paso: configurar el pipeline CI/CD para compilación de Tailwind, tests E2E con Playwright y despliegue sin cortar producción.
Tutoriales cada dos semanas
Sin spam. Solo artículos técnicos cuando salen.
