Hyvä Theme para Magento: Modernidad y Rendimiento en tu Tienda en Línea

Hyvä – un theme moderno para adobe commerce

Si tenemos que hablar de Magento desde el lado del frontend, podríamos decir que, desde que se lanzó Adobe Commerce, el template Luma Theme ha sido su gran caballo de batalla.

Sin embargo, con el correr del tiempo y a fin de satisfacer las tendencias del mercado, Magento publicó Venia Theme con Magento PWA. Esta solución (aplicación web progresiva, PWA por sus siglas en inglés) busca mejorar el rendimiento del frontal. Este cambio obligó a los desarrolladores a renovar sus conocimientos y habilidades, ya que implicaba dominar nuevas tecnologías para el frontend.

Willem Wigman ofrece un aporte significativo: “A través de su creación, la nueva interfaz de Hyvä Theme puede ser una gran alternativa para darle a Magento un aire más moderno, sin necesidad de cambiar a PWA u otra tecnología del tipo headless”.

Hyvä no es solo una mejora estética para Magento. También aporta beneficios importantes en cuanto a la eficiencia y rendimiento de la plataforma. Su código está escrito prácticamente desde cero, mejorando así las plantillas phtml y el sistema de layout de Adobe Commerce, y a su vez eliminando dependencias como Jquery, KnockoutJs, requireJs o Less, lo cual optimiza el proceso de desarrollo.

Hyvä Theme incorpora para Javascript una biblioteca ligera y potente llamada AlpineJs que permite desarrollar y manipular de manera más ágil Javascript en las mismas plantillas. A su vez, como biblioteca de CSS (Cascade Style Sheets) incorpora a TailwindCSS, que supone un cambio significativo a la hora de desarrollar y, sobre todo, a la hora de personalizar el theme.

Lo que Hyvä ofrece es:

  • Menos complejidad.

Las clases de bloques personalizados son más reutilizables. Además, permiten agregar un número arbitrario de modelos de vista a cualquier bloque de plantilla a través del diseño XML.

  • Rendimiento.

Cuenta con mediciones que se pueden hacer a través del Lighthouse Report. Estas mediciones son sobresalientes y repercuten positivamente en el SEO.

  • Menos dependencias.

Al usar AlpineJs y TailwindCSS se reducen significativamente las dependencias que trae Magento por defecto.

  • Mejor experiencia para el desarrollador.

Al no contar con tantas dependencias, el desarrollo se hace más ágil y natural.

  • Curva de aprendizaje más baja.

Tanto en las librerías de JS como en las de CSS existe documentación. Esto permite una capacitación más sencilla, minimizando así los tiempos de aprendizaje.

 

 

Tienda demo  https://demo.hyva.io/ 

 

 

 

 

Si necesitas ayuda con tu estrategia, no dudes en contactarnos. ¡Estaremos encantados de ayudarte!

Send this to friend