Hyvä Themes

Das neue Magento-Frontend

Hyvä Themes ist ein neuer Ansatz einer Software-Lösung für das Frontend von Magento, welcher eine starke Performance mit einem simplen Design vereint. Mit dem Ziel die Abhängigkeit von Drittmodulen und die Komplexität in der Entwicklung zu verringern, wurde Hyvä von unserem Kollegen Willem Wigman konzipiert und die Entwicklung gestartet. Wir setzen es nun in einigen Projekten ein und sind als technischer Partner an der Weiterentwicklung von Hyvä beteiligt. Dieses neue Frontend basiert auf TailwindCSS und Alpine JS, wodurch ein einzigartiges User Interface mit schnellen und flexiblen Magento Themes leicht gestaltet werden kann.

Als Ergänzung zu Hyvä Themes gibt es einen auf React basierten Checkout, der unter dem Namen Hyvä Checkout als kostenloses, Open-Source-Modul zur Verfügung steht und in sämtlichen Magento 2 Shops – unabhängig von Hyvä Themes – eingesetzt werden kann. Ebenfalls Open Source und kostenlos gibt es Hyvä Admin, was in Zusammenarbeit mit Vinai Kopp entwickelt wurde.

Die Ausgangssituation für Hyvä 

Die E-Commerce-Plattform Magento überzeugt mit vielen Stärken, wie beispielsweise der Flexibilität für Anpassungen und der Multistore-Funktionalität für internationale Online-Shops. Das Frontend von Magento zählt dabei leider nicht zu den Stärken des Systems. Weder das traditionelle Frontend Luma, noch der moderne PWA-Ansatz sind frei von Problemen.

Das eigene Magento 2 Frontend Luma galt schon bei der Veröffentlichung als veraltet. Zur Unterstützung dynamischer Komponenten hat Magento die UI Components eingeführt, welche den Umgang mit vielen einzelnen Komponenten und Erweiterungen ermöglichen. Im Checkout und Admin-Bereich sind diese eingesetzt und anfangs gab es Pläne diese auf das gesamte Frontend zu erweitern. Das Problem: UI Components sind sehr komplex, wodurch ein enormer Mehraufwand in der Entwicklung entsteht. Selbst erfahrene Entwickler*innen brauchen viel Einarbeitungszeit, um vermeintlich kleine Anpassungen umzusetzen. Generell basiert das Luma-Theme auf bewerten Technologien, die jedoch nicht mehr zeitgemäß sind. Das größte Problem ist die große Menge an JavaScript-Code, der für lange Ladezeiten sorgt und nur mit viel Aufwand optimiert werden kann.

Abhilfe soll die neue PWA-Technologie schaffen, die die Vorteile von nativen Apps mit einer Webseite verbinden. Aber auch PWA leiden unter großen Mengen an JavaScript-Code. Unsere Erfahrungen haben gezeigt, dass PWA nur dann eine stabile Basis bieten, wenn man entweder nah am Standard der jeweiligen PWA-Lösung bleibt und mit dem begrenzten Feature-Set zufrieden ist oder man ein umfangreiches Budget zur Verfügung steht, welches umfangreiche individuelle Feature-Entwicklung ermöglicht. Zudem ist der Entwicklungsaufwand bei PWA sehr hoch, da es keine reine Frontend-Web-Entwicklung ist, sondern umfangreiche Fähigkeiten und Einarbeitung auch in Themen der Backend-Entwicklung gefragt sind.

Aus diesen Gründen waren für uns weder Luma noch PWA-Technologien eine zufriedenstellende Lösung. Insbesondere kleine und mittelständische Händler bleiben bei diesen Optionen auf der Strecke, was für uns nicht akzeptabel war und uns motiviert hat, das Problem selbst in die Hand zu nehmen. Was daraus geworden ist? Hyvä!