Welche PWA-Storefront sollte ich verwenden?

Welche PWA-Storefront sollte ich verwenden?

Eine PWA-Storefront scheint ein vernünftiger Fortschritt gegenüber der herkömmlichen Storefront zu sein. Allerdings ist das PWA-Konzept noch ziemlich neu und es gibt nicht viele Storefronts, die mit Fokus auf PWA entwickelt wurden.

Es kann schwierig sein zu entscheiden, welche der verfügbaren PWA-Storefronts Sie wählen sollten. In diesem Artikel werden wir einige der beliebtesten PWA-Lösungen für den eCommerce vorstellen und versuchen, Ihnen bei der Auswahl der richtigen PWA-Storefront für Ihr Projekt zu helfen.

Was ist eine Storefront?

Eine Storefront ist im eCommerce ein Frontend eines Shops. Es ist eine Benutzeroberfläche, mit der die Kunden interagieren. Durch sie können Kunden in Ihrem Katalog blättern und Produkte bestellen. Ohne eine Storefront wäre es sehr schwer, Kunden zu erreichen und etwas zu verkaufen. Selbst die beste eCommerce-Plattform würde ohne eine gute Benutzeroberfläche keine großen Umsätze erzielen.

Was ist eine PWA-Storefront?

Eine PWA-Storefront ist eine Benutzeroberfläche eines Shops, die Progressive Web App-Funktionen implementiert (wenn Sie nicht wissen, was eine Progressive Web App ist, lesen Sie diesen Blogbeitrag). Dadurch sollte sich eine PWA-Storefront wie eine native mobile Anwendung anfühlen und aussehen. Sie sollte installierbar sein, unter allen Netzbedingungen (auch offline) funktionieren sowie schnell und vollständig zugänglich sein.

Eine gute PWA-Storefront bietet außerdem eine ansprechende Benutzererfahrung und ist eine gute Möglichkeit, in die mobile Welt einzusteigen. Normalerweise müssten Sie eine native mobile Anwendung erstellen, um eine bessere Erfahrung für mobile Benutzer bieten zu können. Doch mit PWA müssen Sie lediglich einen Shop erstellen, auf den über einen Browser zugegriffen werden kann, der aber auch wie eine native mobile Anwendung installiert werden kann und offline funktionieren sollte. Das spart eine Menge Zeit und Ressourcen und ist auch für Desktop-Nutzer eine große Verbesserung.

PWA-Storefronts auf dem Markt

Sie wissen bereits, was PWA bedeutet und wie Ihr Unternehmen von einer PWA-Storefront profitieren kann. Allerdings ist es dennoch nicht einfach, die richtige Storefront auszuwählen. Gehen wir also einige der beliebtesten Storefronts durch, um Ihnen die Entscheidung zu erleichtern.

Vue Storefront

Vue Storefront ist ein Frontend-Framework für Headless-eCommerce. Diese Storefront unterstützt viele gängige eCommerce-Plattformen und ist die beliebteste PWA-Storefront auf dem Markt - mit über 100 offiziellen Partnern und einer Community von mehr als 5.000 Entwicklern.

Der moderne Tech-Stack umfasst Vue.js und Nuxt. Auch ElasticSearch und GraphQL werden darin genutzt. Vue Storefront wurde mit Einbezug der Headless-Architektur entwickelt, so dass Sie sie theoretisch mit jeder eCommerce-Plattform verbinden können sollten.

Es sind zwei Versionen verfügbar - die kostenlose, Open-Source-Community-Edition und die kommerzielle Enterprise-Edition, die technischen Support, Cloud-Infrastruktur und zusätzliche Integrationen bietet.

In Vue Storefront verfügbare Integrationen

Derzeit sind für Vue Storefront Open-Source-Integrationen für mehrere eCommerce-Plattformen verfügbar - Magento 2, Shopware, Shopify, Sylius, PrestaShop, Spree und Vendure.

Jedoch sind einige Integrationen nur in der Enterprise-Edition enthalten - BigCommerce, commercetools und Salesforce Commerce Cloud.

Auch CMS- und Zahlungsanbieter-Integrationen sind verfügbar, die meisten davon jedoch nur in der Enterprise-Edition.

Wenn Sie Ihre eCommerce-Plattform nicht in der Liste der verfügbaren Integrationen finden können, sollte es der plattformunabhängige Ansatz ermöglichen, die von Ihnen benötigte Integration zu entwickeln.

Ist Vue Storefront die richtige Storefront-Lösung für mich?

Der Umfang des Projekts, die Liste der Integrationen und die Gemeinschaft, die hinter dem Framework steht, machen es definitiv zu einem interessanten Objekt für die Entwicklung eines neuen Shops.

Die Liste der Integrationen ist sehr beeindruckend und wächst schnell, aber einige davon sind nur in der Enterprise-Edition verfügbar (insbesondere Zahlungsanbieter) und die Open-Source-Integrationen befinden sich in unterschiedlichen Entwicklungsstadien.

Der plattformunabhängige Ansatz macht Vue Storefront potenziell mit jeder eCommerce-Plattform nutzbar, aber je nach den Bedürfnissen Ihres Projekts müssen Sie möglicherweise einige Zeit auf die Entwicklung der erforderlichen Integrationen verwenden.

Wenn Sie bereit sind, ein Risiko einzugehen und ein Team von Entwicklern haben, dann könnte Vue Storefront die richtige Lösung für Sie sein. Dank der großen Gemeinschaft ist es einfach, eine Lösung für allgemeine Probleme zu finden. Die wachsende Liste der offiziellen Partner deutet außerdem darauf hin, dass Vue Storefront weiter wachsen und sich weiterentwickeln wird.

Magento PWA Studio

Wenn Sie ein Magento-Entwickler sind, dann sollte Ihnen dieser Name bekannt vorkommen. PWA Studio besteht aus einer Reihe von Tools, die bei der Entwicklung von PWA-Storefronts für Magento 2 helfen. Diese Storefront ist in React aufgebaut und bietet Build-Tools, benutzerdefinierte React-Hooks und Komponenten. Die verfügbaren Tools sollten Ihnen eine Lösung für das Abrufen von Daten aus dem Magento-Backend, die Statusverwaltung und die Berechnung von Werten bieten.

Als Vorzeigebeispiel für PWA Studio wurde ein damit betriebenes Thema veröffentlicht - Venia. Venia ist eine Demo-Storefront, die alle PWA Studio-Tools verwendet und sie in einem funktionierenden Thema kombiniert. Sie können Venia als Basis für die Entwicklung eines Themas oder einfach als Referenz verwenden.

Da es sich um eine reine Magento-Lösung handelt, sollte die Integration in das Headless-Magento 2 nicht sehr aufwändig sein.

In Magento PWA Studio verfügbare Integrationen

Von Haus aus bietet diese Storefront-Lösung nicht viele Integrationen. Auch das Engagement der Community ist nicht so groß wie bei Vue Storefront, so dass es schwierig sein kann, Integrationen für Zahlungs- oder Versandanbieter zu finden. Für die Erstellung von Modulen müssen Sie auf Drittanbieter oder Ihr Entwicklungsteam zurückgreifen.

Ist Magento PWA Studio die richtige Storefront-Lösung für mich?

Magento PWA Studio ist eine großartige Sammlung von Tools, wenn Sie planen, eine PWA-Storefront für Magento 2 von Grund auf zu bauen. Das Venia-Thema ist ein guter Ausgangspunkt, wenn Sie bereit sind, eine Menge Ressourcen in die Entwicklung fehlender Funktionen und Integrationen zu stecken. Für einen einfachen Magento 2-Shop kann diese Lösung ausreichend sein. Wenn Sie jedoch mit einer Menge von benutzerdefinierten oder Drittanbieter-Modulen arbeiten, kann es viel Zeit in Anspruch nehmen, um eine voll funktionsfähige PWA-Storefront zu bauen.

ScandiPWA

ScandiPWA ist eine weitere Magento 2-PWA. Genau wie Magento PWA Studio ist ScandiPWA in React aufgebaut. Allerdings ist ScandiPWA nur ein Thema, keine Tool-Sammlung für die Erstellung einer Storefront. Doch Sie können es trotzdem anpassen, denn es enthält einige hilfreiche Entwicklungs-Tools. Standardmäßig werden über 350 Magento-Funktionen in ScandiPWA unterstützt.

Die Kraft der Lösung liegt in ihrer Einfachheit. Da es sich nur um ein Magento-Thema handelt, sollten Sie in der Lage sein, ziemlich schnell eine funktionierende Seite zu erhalten. Es ist die einfachste PWA-Lösung für Magento 2. ScandiPWA ist einfach einzurichten, erfordert kein qualifiziertes Entwicklerteam und kann in Ihrem bestehenden Magento 2-Shop ohne Änderungen an der Architektur verwendet werden.

In ScandiPWA verfügbare Integrationen

ScandiPWA unterstützt die gängigsten Versandanbieter und bietet Integrationen mit Zahlungsanbietern durch die Erweiterungen. Es gibt einen speziellen Marktplatz für Erweiterungen, der verschiedene Integrationen und zusätzliche Funktionen für das Thema bietet.

Leider erfordern einige der Erweiterungen auf dem ScandiPWA-Marktplatz die Installation anderer Magento-Erweiterungen von Drittanbietern, um voll funktionsfähig zu sein. Das bedeutet, dass sie keine Funktionalität zum Backend hinzufügen und Erweiterungen von Drittanbietern benötigen, um zu funktionieren. Daher kann es sein, dass Sie am Ende zwei Erweiterungen kaufen müssen - eine für Magento und eine für ScandiPWA.

Ist ScandiPWA die richtige Storefront-Lösung für mich?

Wenn Sie einen einfachen Magento 2-Shop haben und nicht über ein Team von Entwicklern verfügen, dann kann ScandiPWA eine gute Lösung für Sie sein. Die Einrichtung der Lösung erfordert keinen großen Aufwand und sie kann zusätzlich zu Ihrer bestehenden Architektur verwendet werden.

Wenn Ihnen die von ScandiPWA abgedeckten Grundfunktionen nicht ausreichen, können Sie sie dank des Marktplatzes für Erweiterungen ergänzen. Allerdings kann dies ein wenig teurer sein als der Kauf einer Erweiterung nur für Magento.

ScandiPWA ist ein einfacher und der wahrscheinlich schnellste Weg, um PWA-Funktionen in Magento 2 zu aktivieren. Die Lösung kann vor allem für kleine Unternehmen ohne eigenes Entwicklungsteam von Vorteil sein.

Welche PWA-Storefront sollte ich verwenden?

Diese Entscheidung ist nicht einfach, das ist sicher. Vieles hängt davon ab, welche eCommerce-Plattform Sie verwenden werden.

Wenn Sie planen, eine Storefront für Headless-Magento zu bauen, und Sie ein Entwicklungsteam haben, das für neue Herausforderungen bereit ist, dann kann Magento PWA Studio dank seiner Robustheit und Magento-Unterstützung eine gute Wahl für Sie sein.

Für einen einfachen Magento-Shop ohne viele benutzerdefinierte Funktionen kann ScandiPWA eine gute Lösung sein. Sie ist einfach und schnell einzurichten.

Sie sind auf der Suche nach etwas Vielseitigem? Dann ist Vue Storefront mit seiner großen Community-Unterstützung vermutlich eine gute Wahl.

Egal, für welche PWA-Storefront Sie sich letztendlich entscheiden, lassen Sie es uns in den Kommentaren wissen!

• PWA