Hyvä Themes

De Magento 2 Frontend Heruitgevonden

Hyvä Themes biedt een gloednieuwe Magento frontend, helemaal vanaf nul opgebouwd. De focus ligt op performance en verminderde complexiteit, vastbesloten om jou gelukkig te maken.

Hyvä Themes

Hyvä Themes logo

Hyvä Themes is een Magento 2 thema dat helemaal vanaf nul is opgebouwd.

De ontwikkelaars van Hyvä Themes hebben zich ontdaan van alle overbodige balast. Alle layout.xml, .phtml bestanden en JavaScript worden eruit gegooid, met behulp van een blanco thema. Dit met als doel zo onafhankelijk mogelijk te zijn van externe libraries.

Hyvä Themes is nu slechts afhankelijk van TailwindCSS en Alpine, twee ultra lightweight frameworks.

De voordelen

Ze zijn talrijk

  • Performance

  • Verminderde complexiteit

  • Onderhoud

  • Kortere Time to Market (ontwikkelingssnelheid)

  • Betere Developer experience (meer bereiken in minder tijd)

  • Sterk verminderde afhankelijkheid van externe bibliotheken

  • Voor nieuwe en bestaande webshops

  • Volledig aanpasbaar en uitbreidbaar

  • Hyvä open-sourced React Checkout

Performance

De ontwikkelaars van Hyvä Themes hebben zich sterk gericht op het verbeteren van de snelheid van een website. Het zal dus niet verbazen dat websites die met Hyvä zijn ontwikkeld, aanzienlijk sneller zijn dan de websites die met Luma gemaakt zijn.

De performance van een website is ontzettend belangrijk. Ten eerste willen we de beste user experience, wie houdt er immers van een trage website waar je tot een halve minuut moet wachten voor je tot actie kunt overgaan? Behalve het gebruiksgemak is de performace van een website ook een steeds belangrijkere SEO ranking factor. Google heeft de lat voor "goede performance" opnieuw hoger gelegd. Concreet: met een goede performance, scoor je punten bij zoekmachines. Betere performace = betere SEO ranking.

Developer experience

Waarom zou het jou überhaupt iets kunnen schelen of een ontwikkelaar er plezier aan beleefd om aan jouw site te werken? Wat levert jou dat op? Hoewel je je daar als shopkeeper niet druk over hoeft te maken, kun je daar indirect de vruchten van plukken. Hoezo?

Een goede developer experience zorgt ervoor dat een developer meer kan doen in minder tijd. Gezien je werkuren betaalt, is dat direct in jouw voordeel, en voor ons is het ook aangenamer werken. Een win-win, dus!

Tot slot zorgt een goede developer experience ook voor een grotere community. De community heeft een eigen Slack omgeving met meer dan 1500 actieve leden. Wij, als ontwikkelaars, hebben ook toegang tot dit kanaal waar mensen hun ervaringen delen en elkaar helpen. Hoe meer expertise er gedeeld wordt, hoe meer ideeën en oplossingen er zijn voor jouw website.

Verminderde complexiteit

Hyvä Themes heeft de complexiteit van de frontend drastisch verminderd, wat betekent dat we er als Magento ontwikkelaars veel sneller mee kunnen werken.

Het is niet enkel een verademing voor ons, jij profiteert ook mee van het feit dat aanpassingen en customizations sneller gaan en er gewoonweg minder bugs zijn om te debuggen.

Sterk verminderde afhankelijkheid van externe bibliotheken

Alles wat het Luma-thema onnodig complex en dus traag en log maakte, is weggegooid in het Hyvä-thema, geen RequireJS meer, geen KnockoutJS, geen jQuery, geen LESS.... In plaats daarvan vertrouwt Hyvä Themes op betere, goed doordachte alternatieven, steeds met de beste performance in het achterhoofd.

Hyvä Themes heeft slechts twee dependencies: TailwindCSS en Alpine.

Alpine Js

Alpine.js is een robuust, minimaal JavaScript framework. Niets meer, niets minder, Alpine is de moderne versie van het verouderde jQuery.

In plaats van honderden afzonderlijke JS-bestanden, en meerdere megabytes aan Javascript code, implementeert Hyvä Themes alle interactieve functies met slechts één kleine JS libary, inline JS en vanilla JS.

Omdat we het niet beter kunnen omschrijven geven we je de slogan van Alpine mee:

Simple.

Lightweight.

Powerfull as hell.

Tailwind Css

TailwindCSS, een modern CSS framework waarmee al jouw design wensen gerealiseerd kunnen worden.

Dit is zeker ook mogelijk met de Luma frontend, omdat het in beide gevallen neerkomt op CSS. Maar er is een nuance.

Het framework hanteert een utility-first aanpak en sluit perfect aan bij de filosofie van Hyvä Themes: Less is more. Maximale performance, zonder te moeten inboeten op vlak van design.

Het grote voordeel van TailwindCSS is, is dat de browser veel minder css moet laden. Dat komt omdat ongebruikte CSS uit de CSS files wordt "gezuiverd". Het standaard Luma Theme bevat ongeveer 80kb aan CSS, terwijl dat bij Hyvä Themes ongeveer 14kb is.

Daarnaast is de Time to Market ook een stuk korter omdat wij gebruik maken van Tailwind UI, een collectie met kant-en-klare HTML-fragmenten (die ook al fully responsive zijn). Deze TailwindCSS templates vormen ons startpunt. We zetten het design steeds naar onze hand, dit staat dus helemaal niet in de weg van maatwerk. Dit bespaart ons gewoon een hoop werk omdat we niet helemaal van nul moeten beginnen.

Time to Market

Naast goede performace, zorgt de verminderde complexiteit ook voor snellere ontwikkelingstijden.

Met de voortdurend evoluerende technologieën, vernieuwingen, trends en innovaties op gebied van E-Commerce, is het snel implementeren en uitrollen (van zowel nieuwe projecten als kleinere updates en veranderingen) cruciaal.

Misschien klinkt het werken met moderne tools eerder als een voordeel voor de ontwikkelaar. Niets is minder waar: je krijgt een beter product in snellere tijd!

Onderhoud

Hoezo is Hyvä Themes gemakkelijker te onderhouden dan het standaard Magento Luma Theme?

Per kwartaal voert Magento updates en upgrades door. Vaak zitten daar ook aanpassingen aan de frontend bij. Omdat Hyvä Themes de code heeft losgetrokken van de frontend, zullen deze aanpassingen geen invloed hebben op het thema. We kunnen dus met andere woorden de Magento basis upgraden, zonder schrik te moeten hebben dat dit de frontend van de website gaat veranderen.

Natuurlijk moet Hyvä Themes zelf ook updates en upgrades overwegen, maar dat kan op eigen tempo en na grondige overweging.

Voor nieuwe en bestaande webshops

Het is helemaal geen vereiste om met een nieuwe Magento installatie te starten om Hyvä Themes te kunnen gebruiken.

Als je al een installatie hebt, dan kan je het frontend thema vervangen zonder verlies van data en backend werking.

Hyvä Themes is specifiek ontwikkeld voor Magento 2 en is niet compatibel met Magento 1. Heb je een Magento 1 installatie waar je tevreden over bent, maar overweeg je een nieuwe frontend? Voor de frontend alleen is upgraden naar Magento 2 geen must. We hebben ook slimme oplossingen bedacht voor de frontend van Magento 1. Interesse? Neem contact met ons op!

Volledig aanpasbaar en uitbreidbaar

Het gebruik van Hyvä Themes en Tailwind CSS legt ons geen strobreed in de weg om een frontend op maat te ontwerpen. Integedeel zelfs, dankzij de loskoppeling van backend-frontend is nog nooit zo gemakkelijk geweest!

Zelf al een frontend design in gedachten? Er is geen design dat we niet kunnen verwezenlijken. De mogelijkheden zijn eindeloos!

Hyvä open-sourced React Checkout

Hyvä Checkout is een open-sourced module, die checkout onder handen neemt. De default checkout van Luma zit vrij complex in elkaar, iets kleins aanpassen kan al een hele uitdaging zijn. De checkout werkt ook behoorlijk traag vanwege de eindeloze javascript en templates die geladen moeten worden.

De Hyvä Checkout is in React (een moderne javascript library) gemaakt. Voor de volledige checkout moet er maar één javascript bestand geladen worden. Dit maakt de checkout dus ook aanzienlijk sneller. Opgelet: het is geen kopie van de Luma checkout. Het vormt een basis om je eigen checkout te ontwikkelen.

In tegenstelling tot Hyvä Themes, is Hyvä Checkout open source en dus gratis. Je kunt gebruiken in het Luma Theme of in Hyvä Themes.

Overweeg je af te stappen van de default checkout? Wij hebben ook onze eigen checkout oplossing ontwikkeld. Neem contact met ons op om de mogelijkheden te bespreken.

Vaakgestelde vragen

Vind je niet het antwoord waar je naar opzoek bent? Neem contact met ons op.

Overtuigd van Hyvä Themes, maar je hebt een Magento 1 installatie? Geen paniek, je hoeft niet per se te upgraden naar Magento 2. Voor Magento 1 hebben we ook een thema die op dezelfde technieken van Hyvä Themes zijn gebaseerd.

De Hyvä Themes licentie kost eenmalig €1000 (excl. BTW) per Magento 2 installatie (met ongelimiteerd aantal domeinen en storeviews). De updates van Hyvä Themes zijn inbegrepen.

Dit zijn uitsluitend de kosten om Hyvä Themes te mogen gebruiken. De werkuren voor de installatie, upgrades en het aanpassen van het thema aan jouw wensen zijn hierbij niet inbegrepen.

De kostprijs zal voor ieder project anders zijn. Om een concreet beeld te krijgen over de totale kost, neem je best even contact met ons op.