Was ist Vue Storefront

?

Was ist Vue Storefront

• Open Source Progressive Web App für eCommerce Shops
• Aktuell wohl das größte und umfangreichste PWA - Framework

Warum Vue Storefront

?

Warum Vue Storefront: aus Entwickler-Sicht

• Modernste JS Stacks z.B. Vue.js
• Aufgrund des Headless Approach kann das Backend angepasst werden ohne das Frontend zu verändern
• Die Vue Storefront Community
• Agile Arbeitsweise der Core Entwickler
• Responsive Design von der ersten Codezeile an

Warum Vue Storefront: aus User- und Merchant-Sicht

• Offline Nutzungsfunktion (oder bei schlechter Internetverbindung)
• Überdurchschnittlich gute Ladezeiten
• Positive User-Experience
• Gute responsive Nutzbarkeit auf allen Geräten

Headless Magento - was ist das?

?

Headless Magento - was ist das

• Trennung von Backend und Frontend, somit auch getrennte Bearbeitung möglich
• Konzentration auf die Magento Web-API von Magento und das Zusammenspiel mit Drittsystemen
• Magento Updates betreffen quasi "nur noch" das Backend

Welche Alternativen gibt es als PWA Lösung

?

Welche Alternativen gibt es als PWA Lösung

• Ionic Framework, https://ionicframework.com/
• Angular, https://angular.io/features
• Google's Polymer, https://pwa-starter-kit.polymer-project.org/
• Deity PWA, https://deity.io/

Was wir können mit Vue Storefront

?

Vue Storefront - Frontend-Sicht

• Vue.js, Vuex und PWA als Basis
• Architektur & Core Verständnis von Vue Storefront
• Vue Storefront Themes entwickeln
• Vue Storefront Extensions entwickeln
• Kundenwünsche als Vuex Modul umsetzen

Vue Storefront - Magento-Sicht

• Datenimport von Magento 1 und 2
• Magento konfigurieren für Vue Storefront
• ElasticSearch mit Magento und Vue Storefront
• Indivudelle Anpassungen
• Magento / Vue Storefront API

Welche Probleme gibt es aktuell in der Praxis

?

Welche Probleme gibt es aktuell in der Praxis

• Update Fähigkeit: die Updatefähigkeit soll in zukünftigen Versionen besser werden
• Zahlungsarten: aktuell gibt es Paypal und Braintree als integrierte Zahlungsmodule. Heidelpay plant die Fertigstellung Q4 19
• Routing: URL Route kommt aus Vue Storefront und nicht mehr aus Magento
• Google Tag Manager: JS Tags des Google Tag Manager funktionieren bei Vue Storefront nicht und müssen neu eingebunden werden

Würden wir Vue Storefront nochmals einsetzen

?

Würden wir Vue Storefront nochmals einsetzen

ja,
auf jeden Fall,
die Lernkurve war extrem, die Stimmung Achterbahn.

Nach dem Durchbruch ist das Ergebnis großartig.

Referenzen

Gastro Hero

• Dieses Framework überzeugt nicht nur designaffine Entscheidungsträger, sondern auch Technikaffine
• Vue Storefront wurde schnell zum Mittel der Wahl und überzeugt vor Allem aufgrund der Trennung zwischen Frontend und Backend. Nach dem Relaunch auf Vue Storefront mit einem Magento 1 Backend kann die Umstellung auf Magento 2 kann ohne weitere Änderungen am Frontend erfolgen

Weitere Shops die generell mit Vue Storefront erstellt wurden

Was kostet die Umsetzung mit Vue Storefront

?

Die Kosten sind individuell. Entscheidend sind ...

• Die Komplexität der Produkte
• Die Spezialitäten im Design
• Die sonstigen Besonderheiten des Shops
• Die gewünschten Individualisierungen in Vue Storefront

Wie könnten Sie am Einfachsten mit Vue Storefront starten?

• Shop Frontend eines bestehenden Magento Shops ersetzen
• Einfaches Designlayout in Kombination mit den Vue Storefront Grundfunktionen bei Produktbilder-Slider, Anmelde-Prozess etc.
• Simple Products mit Standardfunktionen eines Magento Shops
• Vue Storefront Checkout mit vorhandenen Zahlarten
• Responsives Verhalten gemäß Vue Storefront
• Docker basierte Entwicklungsinfrastruktur

Warum die Umsetzung mit uns?

• Wir sind offizeller Vue Storefront Partner
• Wir haben 2 zertifizierte Vue Storefront Entwickler
• Wir haben viele zertifizeirte Magento Entwickler
• Wir haben bereits Projekterfahrung mit Vue Storefront
• Wir sind seit 7 Jahren auf Magento spezialisiert
• Anfragen gerne: 0221 677 83 483 und dialog@webvisum.de