Hyvä: Das neue
Theme für Magento
Manchmal liest man im Web, das Magento-Frontend wäre langsam und veraltet. Zum Glück gibt es eine Lösung: Hyvä! Damit wurde ein flottes und leichtgewichtiges Basis-Theme für Magento geschaffen, das sich schnell anpassen und gut warten lässt.
Was ist Hyvä?
Hyvä ist ein kommerzielles Theme. Das Hyvä-Team hat das Magento-Frontend mit dem Hauptaugenmerk auf Performance und einfacher Anpassbarkeit von Grund auf neu aufgebaut.
Das Theme bringt keine unnötigen neuen Features mit, sondern tut das, worauf es aufkommt: Es liefert ein flottes und leichtgewichtiges Basis-Design, das sich schnell anpassen und gut warten lässt. Webshops mit Hyvä laden wesentlich schneller und die Umsetzung von Designs kostet Sie weniger.
Server-seitig verwendet es das bewährte Layout-System von Magento, damit sich Entwickler:innen nicht neu einarbeiten müssen. Frontend-seitig jedoch setzt es neue, moderne Frameworks ein: Alpine.js und Tailwind CSS.
Technischer Hintergrund: Alpine.js & Tailwind CSS
Anstatt das Rad neu zu erfinden, setzt Hyvä auf zwei populäre und bewährte Frameworks: Alpine.js für JavaScript und Tailwind CSS für CSS.
Alpine.js macht Entwickler:innen die wichtigsten Funktionen für dynamische Websites einfach und Browser-übergreifend verfügbar.
Auch Programmierer:innen ohne umfangreiche Frontend-Erfahrung können hier bereits viel selbstständig umsetzen. Damit spart man sich Overhead für Abstimmungen zwischen dem Frontend- und Backend-Bereich.
Für die restlichen 20 Prozent der komplexeren Anforderungen greifen JavaScript-Profis direkt zu “plain” JavaScript. Das hält den Code schlank und performant.
Tailwind CSS besticht ebenfalls mit seiner Einfachheit, Cross-Browser-Kompatibilität und zugleich großem Feature-Reichtum.
Tailwind versteht sich als “Utility-Framework”. Das heißt: Man pickt sich nur die Teile heraus, die man für das jeweilige Projekt braucht. Dank einer cleveren Herangehensweise erkennt Tailwind, was im Projekt an CSS-Eigenschaften, Farben etc. verwendet wird, und erstellt daraus eine kompakte CSS-Datei, die nur genau die benötigten Formatierungsanweisungen an den Browser übermittelt. Die CSS-Datei ist damit kleiner und wird vom Browser schneller verarbeitet. Beides führt zu einer schnelleren Darstellung der Seiten.
Was kann Hyvä? Grundprinzipien & Vorteile
Durch die Kombination dieser zwei Frameworks führen kombiniert mit unserem restlichen Tool-Stack zu etlichen Vorteilen:
Einfache Umsetzung
Backend-Entwickler:innen können einfache Anforderungen im Theme gleich selbst umsetzen.
Funktionen
Frontend-Entwickler:innen können für komplexe Anforderungen auf den vollen Funktionsumfang von JavaScript und CSS zugreifen.
Schnelle Umsetzung
Das Tooling besteht aus sehr populären und etablierten Lösungen. Entwickler:innen können sich schnell einarbeiten, sind flotter in der Umsetzung als bei proprietären Lösungen wie dem “alten” Frontend von Magento und haben auch noch Spaß dabei (was talentierte Programmierer:innen anzieht). 🙂
Kosten
Im Entwickler-Modus lädt sich die Seite bei Code-Änderungen direkt neu. Programmierer:innen haben extrem kurze Feedback-Zyklen, was sich positiv auf die Umsetzungskosten auswirkt.
Magento mit Hyvä als Alternative zu PWA bzw. Headless
PWA- bzw. Headless-Lösungen, Microservice-Architekturen oder “best of breed” sind als Buzzwords allgegenwärtig. Eine Lösung wie Magento mit Hyvä wird gerne als “Monolith” bezeichnet und in Beiträgen mit einem schalen Beigeschmack versehen. Häufig gehörte Argumente für PWA oder Headless sind:
- Performance: Ein gut implementiertes Server-seitiges Rendering, wie es bei Hyvä erfolgt, lädt oft schneller und liefert dem Kunden ein besseres Nutzer-Erlebnis.
- Kosten: PWA/Headless-Lösungen bieten sich vor allem dann, wenn die Projekte eine gewisse Größe mit Kosten im 6- oder 7-stelligen Bereich haben, weit vom Standard der eingesetzten Software abweichen oder viele externe Lösungen eingebunden werden. Hier kann PWA/Headless eine gute Wahl sein und sollte durchaus mit evaluiert werden. In der Praxis sind Budget und/oder Anforderungen oft geringer, weshalb sich viele Webshops daher auch mit Magento und Hyvä umsetzen lassen.
- Leichtere Umstellung auf ein neues Backend-System bei gleichbleibendem Frontend: Auch das ist vor allem ein Thema für sehr große Systeme, bei denen eine Umstellung oft mehrere Jahre benötigt, und bei denen z.B. einzelne Seitenbereiche nach und nach auf neue Systeme umgestellt werden.
Unser Fazit: PWA bzw. Headless hat durchaus seine Berechtigung für bestimmte Shops, für den Großteil der Online-Händler:innen ist oft eine andere Variante relevanter. Als Full-Service-Digitalagentur bieten wir auch PWA- bzw. Headless-Lösungen an. Hier erfahren Sie mehr über Headless!
Für wen eignet sich das Hyvä-Theme?
Wie so oft kommt es auf die Größe Ihres Webshop-Projekts und Ihre individuellen Anforderungen an.
Generell lässt sich sagen, dass sich Hyvä einerseits für bestehende Magento 2 Webshops eignet, die einen Frontend-Relaunch planen. Bei der Umsetzung von neuen Magento 2 Webshops würden wir Hyvä jenen Händler:innen mit einem 5- bis mittleren 6-stelligen Budget empfehlen.
Wir beraten Sie gerne, ob Magento mit Hyvä oder eine andere Lösung wie Headless-Implementierung oder Custom Programmierung sich für Ihren Shop die beste Lösung ist!
Ihr Hyvä-Projekt mit LIMESODA
Fragen Sie einfach unverbindlich an und starten Sie mit uns Ihr Hyvä-Projekt! Als langjährige und mehrfach ausgezeichnete E-Commerce Agentur wissen wir genau, worauf es ankommt. Wir haben schon zahlreiche Projekte mit Hyvä realisiert, unter anderem für Kunden wie Julius Meinl am Graben, PetCo oder ABC Dental. Überzeugen Sie sich selbst und klicken Sie sich gerne durch unsere umgesetzten Hyvä-Shops!
