Als eigenaar of e-commerce manager wil je altijd op de hoogte zijn van de nieuwste ontwikkelingen en de laatste trends. Zeker wanneer je keuzes moet maken in de ontwikkeling en optimalisatie van je webshop. Nog niet zo lang geleden is Hyvä geïntroduceerd als nieuwe front-end voor Magento 2 webshops, maar wat is een Hyvä front-end eigenlijk en wat is het verschil met een PWA? In deze blog leggen we dat graag aan je uit!

Wat is een Progressive Web App?

Een Progressive Web App (PWA) is een webtoepassing gebouwd met moderne webtechnologieën en -patronen, ontworpen om een ervaring te bieden vergelijkbaar met die van een traditionele native app. PWAs zijn ontworpen om te werken op elk apparaat en elke browser die webstandaarden ondersteunt. Ze hebben de mogelijkheid om offline te werken, pushmeldingen te verzenden en toegang te krijgen tot apparaatfuncties zoals de camera of locatie (indien toegestaan door de gebruiker). Een PWA werkt dus op elke browser en kan als app-icoon aan het telefoonscherm van de gebruiker worden toegevoegd. Een groot voordeel is dat een webshop met een PWA de performance van een native app heeft maar nauwelijks opslagruimte nodig heeft. Je hoeft een PWA niet te downloaden, installeren of updaten.

Hoewel de gebruikerservaring indrukwekkend is, schuilt er een technisch verhaal achter. De meeste PWA-oplossingen zijn gebaseerd op Javascript-frameworks, die volledig als een applicatie worden gebouwd. Frontend developers vinden dit over het algemeen uitdagend omdat Javascript veel complexer is dan andere front-end technieken. Deze complexiteit maakt een PWA doorgaans ook duurder omdat de ontwikkeling meer tijd vergt.

Wat is een Hyvä frontend?

Magento Hyvä is een open-source project gericht op het verbeteren van de frontend-ervaring van Magento-webwinkels. Het biedt een modulair en gestroomlijnd frontend-framework gebouwd met moderne technologieën zoals React en GraphQL. Hyvä streeft naar betere prestaties, flexibiliteit en ontwikkelaars vriendelijkheid voor Magento-webwinkels, waardoor het makkelijker wordt om aantrekkelijke en responsieve e-commerce websites te bouwen.

Het voordeel van Magento Hyvä is dat het een modern, flexibel en ontwikkelaars vriendelijk frontend-framework biedt voor Magento-webwinkels. Enkele voordelen zijn:

• Betere prestaties: Hyvä maakt gebruik van moderne frontend-technologieën zoals React en GraphQL, wat resulteert in verbeterde prestaties van de website.
• Flexibiliteit: Het modulaire ontwerp van Hyvä maakt het eenvoudig om de frontend van een Magento-webwinkel aan te passen en uit te breiden naar specifieke behoeften van de winkel.
• Ontwikkelaars Vriendelijk: Hyvä maakt gebruik van bekende tools en technologieën zoals React en Webpack, waardoor ontwikkelaars gemakkelijker kunnen werken en aanpassingen kunnen doorvoeren.
• Gebruiksvriendelijkheid: Het resultaat is een aantrekkelijke en responsieve gebruikerservaring voor klanten, wat kan leiden tot verbeterde conversie en klanttevredenheid.

Al met al biedt Magento Hyvä een moderne en verbeterde frontend-oplossing voor Magento-webwinkels, waar zowel ontwikkelaars als eindgebruikers van profiteren.

Hyvä versus PWA

Hyvä-thema’s bieden een gezond alternatief voor headless/PWA-oplossingen en maken gebruik van het PHP-templatesysteem dat in Magento is ingebouwd. Omdat de hele frontend vanaf de grond af aan is opgebouwd, blijft het eenvoudig.

Minder code betekent minder complexiteit, waardoor het veel gemakkelijker en leuker is om mee te werken. In het Hyvä-thema zijn de aspecten behouden waar ontwikkelaars van houden (zoals layout.xml, blokken, viewModels) en zijn alle elementen verwijderd waar ze niet van hielden. Dag RequireJS, Knockout, UIComponents! Een groot voordeel voor de ondernemer of E-Commerce manager is het stukje minder complexiteit. Minder complexiteit betekent makkelijker om te ontwikkelen en makkelijker om te onderhouden, vooral het makkelijker in onderhoud betekent dat de total cost of ownership naar beneden gaat!

Heb je nog vragen naar aanleiding van deze blog? Neem contact met ons op. We helpen je graag verder!