Introduzione
Hyva' Theme e' un tema frontend per Magento 2 che sostituisce lo stack tradizionale (RequireJS, KnockoutJS, jQuery) con Tailwind CSS e Alpine.js. Il risultato e' un frontend molto più' veloce e semplice da mantenere.
Filosofia Hyva'
Hyva' rimuove la complessita' del frontend Luma mantenendo l'integrazione nativa con il backend Magento. Niente PWA, niente GraphQL obbligatorio: tutto continua a funzionare con i template PHTML standard, ma riscritti in Alpine+Tailwind.
Vantaggi prestazionali
- Lighthouse score 90-100 senza ottimizzazioni straordinarie.
- Riduzione 95% di JavaScript inviato al browser.
- CSS finale < 50 KB grazie a Tailwind purge.
- Tempo di primo paint dimezzato rispetto a Luma.
Licenza e costo
Hyva' richiede una licenza commerciale (~1.000 EUR una tantum per dominio), molto contenuta rispetto al beneficio. Esistono licenze partner per agenzie con tariffe ridotte.
Compatibilità' moduli
Le estensioni Magento di terze parti che modificano il frontend richiedono un'Hyva' Compatibility Module. Esiste un'elenco crescente di moduli compatibili e una community attiva (hyva.io/compatibility-tracker).
Installazione
Si installa via Composer dopo aver aggiunto il repository Hyva' privato:
composer require hyva-themes/magento2-default-theme
Il tema padre Hyva'_default va attivato in admin: Content → Design → Configuration, scegliere lo store e impostare Applied Theme = Hyva' Default.
Custom theme su Hyva'
Il workflow consigliato e' creare un child theme ereditando da Hyva'_default. Si modifica solo cio' che serve, mantenendo aggiornamenti automatici del parent.
Alpine.js per interattivita'
Alpine.js fornisce direttive HTML come x-data, x-show, x-on:click per gestire stato e interazioni. E' molto leggero (~15 KB) e dichiarativo, sostituendo KnockoutJS per i task tipici di Magento.
Page Builder e checkout
Hyva' include Page Builder compatibility e un checkout custom (Hyva' Checkout) basato anch'esso su Tailwind. Il checkout e' modulare ed estendibile via plugin.
Quando scegliere Hyva'
Per nuovi progetti Magento 2.4+, soprattutto se le performance frontend sono prioritarie e si vuole evitare la complessita' di una PWA. ROI tipico su Core Web Vitals e conversion rate.
Hai bisogno di aiuto?
Se vuoi un Magento ottimizzato dal team di G Tech Group, scrivici tramite il modulo di contatto.