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 zijn Magento 2 Thema's die helemaal vanaf nul zijn 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 zijn nu slechts afhankelijk van TailwindCSS en Alpine Js, 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

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.

Hyva Themes is slechts van twee dependencies afhankelijk: TailwindCSS en Alpine Js.

Alpine Js

Alpine.js is een robuust, minimaal JavaScript framework. Niets meer, niets minder, AlpineJS 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 Js 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!