Het verhaal van Hyvä

Altijd op de hoogte blijven van de laatste trends en ontwikkelingen in de wereld van e-commerce is van groot belang voor ons bij Hypernode. Niet zo lang geleden maakten we kennis met Hyvä, een alternatief voor Progressive Web Apps (PWA). Omdat we meer wilden weten, hebben we contact opgenomen met de ontwikkelaar van Hyvä themes, Willem Wigman van integer_net, voor een uitgebreid gesprek. We hopen dat je net zo enthousiast bent over het verhaal van Hyvä als wij!

Het verhaal van Hyvä

Hyvä is een nieuwe front-end voor Magento dat in tegenstelling tot de meeste front-ends niet headless, PWA en niet volledig op JavaScript gebouwd is. De uitvinder, Willem Wigman, maakt al bijna 10 jaar Magento shops. In 2020 begon hij met een klein “side project” dat inmiddels publiekelijk gereleased is, met een licentie te koop. Volgens Willem is het echt een communityproject geworden. Ervaren developers helpen enthousiast mee met de test- en ontwikkelfase van het product. Het was ook begrijpelijk dat ontwikkelaars enthousiast waren om aan een nieuwe oplossing mee te werken.

“Het bouwen van Magento shops was het leukst net voordat Magento 2 werd uitgebracht. Met de komst van Magento 2 kregen we een front-end die niet zo lekker werkte. Er waren veel problemen mee en het was lastig om een thema te bouwen. Het is gewoon onevenredig veel werk. We hebben heel lang gehoopt dat dat beter zou worden, want er was vanaf het begin de belofte dat deze problemen opgelost zouden worden.”

Zonder verbetering werd het steeds meer een hindernis om met de front-end te werken. Het feit dat onhandelbare UI-components uren aan extra werk opleverden, motiveerde meerdere jaren aan experimentatie en investering in PWA-oplossingen. Maar ook dit was voor hen niet bruikbaar, gezien de complexiteit van PWA-oplossingen.

“We merkten bij integer_net intern dat niemand echt blij werd van het werken met PWA’s. Huidige PWA oplossingen zijn allemaal gebaseerd op Javascript frameworks, die volledig als een applicatie gebouwd worden. Je bent geen websites meer aan het bouwen, maar applicaties met Javascript. Dat is iets wat front-end developers over het algemeen best lastig vinden, omdat Javascript veel complexer is dan front-end technieken waarmee we gewend zijn om te werken.”

Net als bij veel andere uitvindingen, begon het idee thuis. In 2020 wilde Willem een simpele webshop in Magento bouwen voor zijn vrouw. Natuurlijk wilde hij dit zo leuk mogelijk maken. Gezien PWA bij integer_net geen plezier teweeg bracht, besloot hij om om de shop van de grond af op te bouwen.

“Ik dacht: ik maak er een simpele catalogus van, met maar een paar productjes. Het kan nooit lastig zijn om dit zelf te schrijven. En daar is het begonnen. Ik heb nooit het idee gehad om een nieuwe Magento front-end te bouwen. Ik wilde een simpel shopje bouwen met Magento. Dat is een beetje uit de hand gelopen.”

Na een maand werken, introduceerde Willem zijn project bij integer_net. Het was een webshop met een zeer eenvoudig design en simpele functies, met als voordeel dat alles custom was. Dankzij de front-end die hij had ontwikkeld, was het een stuk minder werk om onderdelen van de shop aan te passen. Dit sprak integer_net enorm aan, en de reacties waren dan ook erg enthousiast. Zo was integer_net klaar voor de volgende stap. Hyvä werd uitgerold en het bedrijf investeerde in de verdere ontwikkeling ervan.

“Het aantal technieken dat je moet je leren is veel minder geworden. Je maakt in veel kortere tijd een maatwerk webshop.”

Hyvä: de voordelen

Voor developers heeft Hyvä ook veel voordelen. Voorlopig blijft het merendeel van de stack hetzelfde. De focus ligt op het eenvoudiger maken van de bestaande features. Ontwikkelaars zullen ook zien dat ze met Hyvä kunnen werken met technieken die vertrouwd zijn – zoals layout xml, blocks en html-bestanden. Je werkt in principe met wat je al kent van Magento 1 en 2, maar alle overbodige complexiteit is uit de huidige front-end weggehaald. Javascript is nog wel gebruikt, maar dit werkt meer als ondersteunend element. In de praktijk blijkt de gebruiksvriendelijkheid veel beter te zijn dan bij PWA-oplossingen. De term PWA is ingewikkeld wanneer we de twee front-ends vergelijken.

“Een PWA is puur en alleen dat je een website kunt opslaan met een icoontje op je telefoon en dat er een extra bestandje bij zit waarmee je bijvoorbeeld notificaties kan sturen naar je gebruikers. Dat is een beetje lastig aan het hele verhaal, omdat de hele Magento community PWA synoniem gemaakt heeft voor een React of Vue applicatie.”

Oplossingen die als PWA beschikbaar zijn, worden gedreven door JavaScript. Ze zijn losgekoppeld van Magento en werken via GraphQL en API’s. Maar een website die met React headless gebouwd is, is niet per definitie een PWA.

“Mensen gebruiken de termen verkeerd. PWA studio, Vue Storefront en deity zijn PWAs die met JavaScript frameworks zijn gebouwd. Maar Hyvä kan in principe ook gemakkelijk een PWA worden. Zelfs de huidige Magento front-end is in theorie in een uur om te zetten naar een PWA.”

Ondanks het gebrek aan duidelijkheid over termen is er geen twijfel dat Hyvä voor veel mensen aan een grote behoefte tegemoet komt. Veel developers die met PHP en Magento werken, willen ook zo door blijven gaan. PHP blijft een belangrijke en geliefde tool en velen willen daar geen verandering in zien. De huidige front-end was een struikelpunt, te complex en te langzaam. Een headless PWA werd altijd gezien als de enige manier om dit op te lossen.

“Maar wij hebben het tegendeel bewezen. Het kan wel en is heel leuk om mee te werken. Het bespaart veel bouwtijd, veel geld… Het scheelt aan alle kanten! Er is wereldwijd een heel groot aantal developers beschikbaar die veel makkelijker werken met Hyvä dan met een headless PWA. De feedback die we van front-enders kregen tijdens de beta periode was laaiend enthousiast..”

Hyvä: Extensies en mogelijkheden

Hyvä wordt steeds verder uitgebreid met integraties en extensies. Terwijl er voor headless PWA’s nog geen extensies bestaan, kan je met Hyvä veel extensies in een handomdraai compatibel maken. Er wordt nu geïnventariseerd welke modules het meest gebruikt worden, zodat ze op kortere termijn online aangeboden kunnen worden. Als Magento developer kan je ook vrij makkelijk zelf extensies compatibel maken, gezien er maar weinig aanpassingen nodig zijn. Voorlopig zijn extensies dus een WIP met een gezonde toekomst.

“Degenen die niet technisch genoeg zijn of niet het budget hebben om zelf modules compatibel te maken, kunnen binnenkort een keuze maken uit de bestaande modules die al compatibel gemaakt zijn. Op korte termijn komt hier een lijstje van op onze website.”

Er werken nu, een maand na lancering, al 75 bureaus met Hyvä, dus veel projecten zijn al in gang gezet. Het resultaat is dan ook dat veel modules werkend gemaakt worden met Hyvä. Met een licentie krijg je toegang tot al deze modules. De mogelijkheden zijn ruim, ook voor grotere webshops.

“Als een shop met bijvoorbeeld Luma gebouwd wordt, zit er ook geen limiet op. Je kan zeggen dat Hyvä veel minder resources op een server gebruikt, waardoor je eigenlijk makkelijker grotere shops kan draaien dan met Luma. […] Als het gaat om de hoeveelheid maatwerk die je moet toepassen voor een shop in de helft van de tijd klaar kan zijn, dan betekent dat hoe groter jouw project is, hoe meer je bespaart op ontwikkelingsuren.”

De toekomst van Hyvä

Met de tijd zullen de voordelen van Hyvä alleen maar toenemen. Grote webwinkels kunnen tijd en geld besparen met een vereenvoudigde oplossing en bovendien de prestaties en rankability van hun shop verbeteren.

“Het is ook nog eens zo dat Google vanaf 1 mei de ranking gaat bepalen aan de hand van core vital metrics, en dat sites die met Hyvä gebouwd zijn hierdoor beter geranked gaan worden.”

Zoals in het begin van dit artikel al werd opgemerkt, is het door de wazige terminologie moeilijk om vergelijkingen te maken tussen Hyvä en PWA’s. De grens tussen de oplossing zal met de tijd nog minder duidelijk worden, zeker wanneer er PWA oplossingen komen die niet gebouwd zijn met een Javascript applicatie.

“Dan wordt het een beetje raar als we het PWA blijven noemen, want dan hebben we het niet meer over Javascript applicaties. Zo is een PWA gewoon een website met wat mobiele applicatie functionaliteiten.”

Hyvä bevat nu bijna alle functionaliteiten van de Open Source Magento 2 versie. Het wordt nu verder uitgebouwd met third party compatibility modules, zodat extensies met Hyvä kunnen werken. Voor gebruikers van de betaalde versie van Magento is er ook goed nieuws. De pagebuilder wordt uitgebracht met versie 1.1 deze maand, die is ontwikkeld door Fisheye. Ook alle B2B functionaliteiten zullen uiteindelijk geïmplementeerd worden. Enterprise klanten zullen snel merken dat Hyvä een geschikt platform is.

“De eerstvolgende versie wordt gewoon een 1.1 met meer features die compatibel zijn. We gaan nog niet naar 2.0 werken. Met deze features moet je denken aan Configurable Swatches bijvoorbeeld. Deze versie wordt completer qua functionaliteiten. Een lijst met alle features staat ook op onze site, zodat mensen kunnen zien wat er wel en niet in Hyvä zit.

We hebben ook recent een lijst met ‘suppliers’ gepubliceerd waar merchants gemakkelijk een ervaren Hyvä bureau kunnen vinden.”

 

Benieuwd naar het hosten van Hyvä op een Hypernode? Neem een kijkje op onze productpagina of neem direct contact met ons op.