Store Eltrino (Hyva)
Onze extensiestore is de plek waar we nieuwe Magento-technologieën als eerste testen. We migreerden vroeg naar Hyvä, ontwikkelden een custom Stripe-integratie en houden de hele stack altijd up-to-date.
sinds 2011
Als vroege Hyvä-adoptanten migreerden we onze Magento-store om nieuwe functies, prestaties en workflows te testen, vóór toepassing bij klanten.
Over het project
Als eCommerce-ontwikkelbureau sinds 2011 hebben we veel technologische veranderingen meegemaakt. Nieuwe tools testen we eerst op onszelf voordat we ze bij klanten inzetten. Onze Magento (Adobe Commerce) extensiestore (store.eltrino.com) is onze proeftuin voor experimenten, innovatie en validatie. Hoewel de store relatief klein is, is het de perfecte omgeving om nieuwe functies, performance-optimalisaties en workflows te beproeven.
In 2019 testten we Vue Storefront op onze store. In 2021 stapten we over op het Hyvä Theme, direct vanaf de eerste publieke release. De Hyvä-community en het ecosysteem waren toen nog klein, maar groeiden snel. Dankzij de snelle respons van het Hyvä-team en de actieve samenwerking met ontwikkelaars werd de technologie in korte tijd volwassen.
Uitdaging
Vroegtijdig nieuwe technologieën adopteren brengt altijd afwegingen met zich mee. Toen we in 2021 met de eerste publieke release van Hyvä aan de slag gingen, was het ecosysteem nog lang niet wat het nu is. De community was klein en sommige functies waren nog niet standaard beschikbaar. Zoals bij ieder nieuw product waren bugs en beperkingen te verwachten.
Wat echter direct opviel, was de snelle en betrokken reactie van het Hyvä-team. Vanaf het eerste moment reageerden ze vlot op supportverzoeken en bugmeldingen, luisterden actief naar de community en leverden snel verbeteringen. Die toewijding aan het succes van ontwikkelaars is een belangrijk onderdeel van waarom Hyvä vandaag zo krachtig en stabiel is.
Hyvä’s Groei: 2021 vs 2025
| Functie / Mogelijkheid | Hyvä 2021 (vroege releases) | Hyvä 2025 (huidige status) |
|---|---|---|
| Thema-stabiliteit | Gelanceerd feb 2021; snelle releasecyclus; vroege productie vooral door kleine–middelgrote merchants; beperkte case studies (Hyvä Showcases 2021–2022). | Volwassen, enterprise-ready; duizenden live sites; gebruikt door topmerken zoals Dunkin’, Volkswagen, Purina, Citizen Watch (Hyvä Business Review 2023). |
| UI-componentbibliotheek | Basis Tailwind CSS + Alpine.js-componenten (knoppen, formulieren, meldingen); geen formele UI-bibliotheek; beperkte toegankelijkheidstools. | Hyvä UI-bibliotheek met herbruikbare, themabare componenten; Alpine.js-helpers zoals x-defer; betere toegankelijkheid; gedocumenteerde patronen voor grids, navigatie, modals, accordeons (Hyvä UI Docs). |
| Checkout-opties | Geen native Hyvä Checkout; merchants gebruikten Luma fallback of maatwerkoplossingen. | Officiële Hyvä Checkout; snellere React-based ervaring; roadmap omvat UX-refresh, CSP-support, opgeslagen betalingen, verbeterde login/gastflows (Hyvä Roadmap 2025). |
| Betaalintegraties | Beperkt; meeste gateways vereisten maatwerk; Mollie nog niet ondersteund. | Officiële Mollie-integratie; Magento’s native PayPal-module compatibel; andere gateways ondersteund via Hyvä-ready versies of patches (Hyvä Roadmap 2025). |
| Compatibiliteit derden | Veel JS-intensieve extensies hadden maatwerkpatches nodig; kleine compatibiliteitslijst. | Honderden officieel vermelde Hyvä-compatibele extensies; o.a. voor zoekfunctie (Algolia, ElasticSuite), personalisatie (Nosto), verzending (ShipperHQ), marketingautomatisering (Dotdigital) (Hyvä Compatibility Tracker). |
| Ontwikkelaars-ecosysteem | Kleine early adopter-community; beperkte documentatie. | 6.200+ Slack-leden; honderden partner agencies; actieve GitLab-repos; regelmatige webinars, showcases en case studies. |
| Documentatie & support | Basis GitHub-markdown-documentatie; hulp via Slack en GitHub-issues. | Volledig documentatieportaal; private Slack voor licentiehouders; GitLab-issue-tracking; YouTube-tutorials; “Hyvä Hot Cakes” LinkedIn-nieuwsbrief (Hyvä Docs). |
| Performance-optimalisatie | Lichtgewicht architectuur zonder RequireJS/Knockout/jQuery; standaard Lighthouse >90; minimale tuning nodig. | Ingebouwde Core Web Vitals-optimalisaties; uitgesteld laden van JS/CSS; beeldoptimalisatie met WebP/AVIF; responsive image-resizing; inline critical CSS (Hyvä Roadmap 2025). |
| Page Builder / CMS-ondersteuning | Magento Page Builder standaard niet ondersteund; vereiste maatwerkintegratie. | Hyvä CMS (in Hyvä Commerce) met drag-and-drop editing, live preview, geplande publicatie, versiebeheer; volledige Magento Page Builder-compatibiliteit (Hyvä Roadmap 2025). |
| Kernfunctionaliteiten | Enkel storefront-thema op basis van Tailwind CSS + Alpine.js; minimale JS-afhankelijkheden; basis storefront-componenten; geen ingebouwde CMS; geen admin UX-wijzigingen. | Uitgebreid pakket: Hyvä Theme, Hyvä Checkout, Hyvä UI, Hyvä CMS; functies zoals drag-and-drop CMS, live preview, versiebeheer, geplande publicatie, visual merchandising roadmap, beeldoptimalisatie, CSP-ready checkout (Hyvä Roadmap 2025). |
| Bijdragemodel | Closed-source licentie; bijdragen geaccepteerd via goedgekeurde ontwikkelaars; vroege bijdragen vooral bugfixes en compatibiliteitspatches. | Closed-source maar zeer samenwerkend voor licentiehouders; compatibiliteitsmodules onderhouden in gedeelde GitLab; agencies dragen bij aan Hyvä UI; roadmap mede bepaald door communityfeedback via Slack en events (Hyvä Contribution Info). |
| Adoptie & vertrouwen | Vooral gebruik door kleine–middelgrote merchants; early adopters; weinig publieke case studies. | Vertrouwd door duizenden (~6.000) merchants wereldwijd; gebruikt in B2C, B2B en D2C; officiële samenwerkingen met top Magento-extensievendors (Hyva Themes Usage Statistics). |
Wat we hebben gedaan
🎨 Custom Hyvä-theme vanaf nul gebouwd
💳 Stripe-betaalmethode ontwikkeld voor Hyvä React Checkout
🚀 Volledige migratie naar Hyvä in ~200 uur
🧪 Hyvä-best practices en kant-en-klare UI-componenten geïmplementeerd
🔄 Doorlopende updates voor Magento-, Hyvä- en PHP-versies
Resultaten
Door onze eigen store als testomgeving te gebruiken, konden we Hyvä in de praktijk valideren als een high-performance, ontwikkelaarsvriendelijke en efficiënte oplossing voor zowel B2B als B2C. Onze Stripe integration for Hyvä React Checkout is inmiddels een waardevolle bijdrage aan het ecosysteem.
Samenvatting
Als een van de eerste adopters migreerden we onze Magento extensiestore naar Hyvä Theme en gebruikten deze als playground. Zo ontdekten we de sterke punten van Hyvä op het gebied van performance, ontwikkelsnelheid en onderhoudsgemak, en droegen we actief bij aan de groei van het ecosysteem.