Hyvä vs PWA Studio vs headless: welke frontend in 2026?

Als Luma traag en gedateerd begint te voelen, horen webshopeigenaren meestal over drie opties. Overstappen op Hyvä. Overstappen op PWA Studio. Of headless gaan met een aparte JavaScript-frontend.

Met alle drie kun je een snelle webshop maken. Ze verschillen in hoeveel van Magento je behoudt, hoeveel je opnieuw bouwt en wie het resultaat kan onderhouden. Dit artikel vergelijkt ze vanuit het oogpunt van een webshopeigenaar, niet van een frameworkfan.

De drie opties in één alinea per stuk

HYVÄ is een Magento-thema. Magento rendert de pagina's nog steeds op de server, met layout XML, blocks en templates. Hyvä vervangt RequireJS, KnockoutJS, jQuery en LESS van Luma door Tailwind CSS en Alpine.js. Full-page cache, Page Builder-content en de meeste backendlogica blijven werken zoals voorheen.

PWA Studio is de op React gebaseerde toolkit van Adobe om een progressive web app te bouwen bovenop de GraphQL API van Magento. De referentie-storefront heet Venia. De frontend draait als aparte applicatie en praat alleen via de API met Magento.

Headless is de algemene aanpak achter PWA Studio, maar dan met elk willekeurig framework. Gebruikelijke keuzes zijn een maatwerkbuild in Next.js of Nuxt, of een commercieel frontendplatform zoals Alokai, voorheen bekend als Vue Storefront. Magento wordt de commerce-backend, en de frontend is een apart project met eigen hosting.

Vergelijking in één oogopslag

Snelheid: alle drie kunnen snel zijn

Snelheid is niet meer de doorslaggevende factor. Een goed gebouwde headless frontend kan heel snel zijn. Hyvä ook.

In onze eigen benchmark laadde een schone Hyvä-webshop ongeveer 26 KB JavaScript en 15–19 requests per pagina, tegenover 463–524 KB en 251–275 requests bij Luma. Mobiele LCP was 1,5–1,6 seconden op Hyvä. De details staan in onze benchmark van Hyvä versus Luma.

JavaScript-zware frontends moeten harder werken om dat niveau te halen op goedkope telefoons. Server-side rendering, code splitting en zorgvuldige hydration zijn nodig. Het kan, maar het is engineeringwerk dat nooit helemaal af is.

Extensies: de verborgen kosten van headless

Hier verschillen de opties echt. Een typische Magento-webshop draait veel modules van derden: betaalproviders, reviews, zoeken, acties, B2B-functies, tracking.

Met Hyvä hebben veel populaire extensies al compatibiliteitsmodules. Bij andere moeten de templates worden herschreven voor Alpine.js en Tailwind, wat een overzichtelijke klus is. We leggen de opties uit in extensies zonder Hyvä-compatibiliteitsmodule.

Met PWA Studio of headless heeft elke extensie die iets aan de klant toont twee dingen nodig: een GraphQL- of API-endpoint en een nieuw frontendcomponent. Veel extensies bieden geen van beide. Elke extensie die je later toevoegt, brengt hetzelfde werk opnieuw met zich mee.

Betaalmethoden verdienen een aparte vermelding. Checkoutintegraties zijn het moeilijkste onderdeel om opnieuw te bouwen, en ze moeten voor elke markt opnieuw getest worden.

SEO, content en marketingteams

Zoekmachines gaan beter met JavaScript om dan vroeger, maar HTML die op de server wordt gerenderd blijft de veiligste keuze. Hyvä levert complete HTML vanuit Magento, met dezelfde URL's, canonicals en gestructureerde data die je nu beheert. Zie Hyvä en SEO: schone markup en gestructureerde data.

Headless frontends kunnen ook op de server renderen, maar metadata, redirects en gestructureerde data moeten opnieuw worden gebouwd en synchroon blijven met Magento.

Content is de andere kant. Marketingteams die Page Builder van Magento gebruiken, werken met Hyvä op dezelfde manier verder. In een headless opzet verhuist content vaak naar een apart CMS, wat nog een systeem toevoegt om te leren en te betalen.

Waar PWA Studio staat in 2026

PWA Studio was jarenlang het belangrijkste antwoord van Adobe voor de frontend. Vandaag is de community klein, en het nieuwere storefrontwerk van Adobe voor Adobe Commerce is in plaats daarvan gebouwd rond Edge Delivery Services en drop-in components.

Dat betekent niet dat bestaande PWA Studio-webshops ophouden met werken. Het betekent wel dat een nieuw project goed moet nadenken voordat het kiest voor een toolkit met een onzekere toekomst en een kleine groep developers.

Wanneer headless de juiste keuze is

We zijn niet tegen headless. In sommige situaties is het de betere keuze:

• Je hebt meerdere frontends nodig, zoals een webshop, een app en schermen in de winkel, op één backend.
• Je content staat vooral in een apart CMS, en Magento is maar één databron.
• Je hebt een eigen JavaScript-team dat de frontend jarenlang gaat beheren.
• Je webshop gebruikt weinig extensies die klanten zien, of je wilt ze toch al vervangen door maatwerkcode.

Als geen van deze punten opgaat, betekent headless meestal betalen voor flexibiliteit die je niet gaat gebruiken.

Ons advies

Voor de meeste Magento 2-webshops waarmee we werken, biedt Hyvä de beste balans tussen snelheid, kosten van wijzigingen en onderhoudbaarheid. Het behoudt de sterke punten van Magento, haalt de trage delen van Luma weg en kan door een normaal Magento-team worden beheerd.

Het juiste antwoord hangt nog steeds af van je webshop. Daarom begint elk project met een audit van extensies, content en markten, voordat er een frontend wordt gekozen.

Veelgestelde vragen

Kunnen we van PWA Studio overstappen op Hyvä?

Ja. De Magento-backend, catalogus en klanten blijven hetzelfde. De storefront wordt opnieuw gebouwd als Hyvä-thema, en extensies worden een voor een gecontroleerd, zoals bij elke migratie.

Is Hyvä een progressive web app?

Nee. Hyvä is een Magento-thema dat op de server rendert. Het richt zich op snelle pagina's en een lichte frontend, niet op app-achtige offlinefuncties.

Kunnen we met Hyvä beginnen en later headless gaan?

Ja. De GraphQL API van Magento blijft beschikbaar, welk thema je ook gebruikt. Beginnen met Hyvä blokkeert later geen headless frontend, bijvoorbeeld voor een mobiele app.

Twijfel je welke frontend bij je webshop past? Lees onze eerlijke kijk op wanneer Hyvä past, of begin met een Magento 2-audit van je huidige opzet.