Catalyst ist die vollständig anpassbare, modulare Shop-Oberfläche und das Framework für BigCommerce. Als vollständig entwickelte Shop-Oberfläche und Toolkit, das offiziell von BigCommerce entwickelt und gepflegt wird, beschleunigt Catalyst Ihre modulare Entwicklung und ermöglicht es Ihnen, den Schritt der Erstellung einer Standard-E-Commerce-Oberfläche zu überspringen und direkt damit zu beginnen, diese mit individuellem Branding und eigenen Funktionen anzupassen.
Catalyst ist ein praktischer Open-Source-Ausgangspunkt, der auf den besten modernen Tools basiert und darauf ausgerichtet ist, Ihnen die Flexibilität zu geben, ganz nach Ihren Vorstellungen zu entwickeln. Mit dem integrierten, leistungsstarken visuellen Editor „Makeswift“ bietet Catalyst klare Arbeitsbereiche für Entwickler und Marketingfachleute. Sie können ohne Programmierkenntnisse reichhaltige und kreative Content-Designs erstellen, während Entwickler weiterhin die volle Anpassungsfreiheit haben, um neue Interaktivitäten und Integrationen zu entwickeln.
Die wichtigsten Highlights von Catalyst
- Ein voll funktionsfähiger Online-Shop in Sekundenschnelle
- Optimiert für SEO und Barrierefreiheit
- Fein abgestimmte Leistung mit marktführenden Lighthouse-Werten
- Basierend auf beliebten, erstklassigen Tools, die Entwicklungsteams gerne nutzen
- Sofort anpassbar und bereit für nahtlose Integrationen für jeden geschäftlichen Bedarf
- Vorkonfigurierte Integrationen für führende Such- und CMS-Anbieter
Der Bigcommerce Catalyst-Tech-Stack
Das Rückgrat von Catalyst bildet eine überschaubare Auswahl an Tools, die in der Entwicklung von Webanwendungen für Unternehmen weit verbreitet und beliebt sind. Das bedeutet, dass Entwickler auf der Basis von Catalyst mit den Frameworks und Sprachen arbeiten können, die sie bereits gerne nutzen. Der Catalyst-Tech-Stack umfasst:
Next.js
Der Catalyst-Storefront ist, vereinfacht ausgedrückt, eine auf Next.js basierende Anwendung, und Next.js ist ein auf React aufbauendes Full-Stack-Web-Framework. Beachten Sie, dass Catalyst die Next.js-App-Router-Architektur verwendet, die sich in wesentlichen Punkten vom bisherigen Pages-Router unterscheidet.
React-Serverkomponenten
React ist eine klassische Frontend-Sprache, die für die Darstellung der Benutzeroberfläche im Browser des Nutzers zuständig ist. Frameworks wie Next.js nutzen das serverseitige Rendering von React-Komponenten für das Laden ganzer Seiten. Dabei besteht in der traditionellen Architektur des Pages Routers nach wie vor eine starre Trennung zwischen „reiner Serverlogik“ – wie dem serverseitigen Abrufen von Daten – und den für das Rendering zuständigen Komponenten. Diese strenge Trennung zwischen Backend-Logik und Rendering ist für traditionelle Web-Frameworks recht typisch.
Der App-Router ermöglicht die Verwendung von React-Serverkomponenten. Die Logik innerhalb von Serverkomponenten wird immer serverseitig ausgeführt. Eine Komponente rendert ihr JSX (den React-Präsentationscode) auf dem Server in HTML oder führt es auf der Clientseite zusammen mit einer Nutzlast vom Server aus, während der gesamte übrige Komponentencode vor dem Browser verborgen bleibt.
Tailwind
Tailwind CSS ist ein beliebtes CSS-Framework, das mithilfe eines Systems aus Utility-Klassen eine schnelle und zuverlässige Gestaltung von Stilen und visuellen Layouts ermöglicht. Mit Tailwind müssen Sie kein reines CSS schreiben, sondern verknüpfen Utility-Klassen miteinander, um das gewünschte Styling zu erzielen. Next.js verwendet standardmäßig Tailwind, und Catalyst-Komponenten nutzen das Tailwind-Styling in vollem Umfang.
GraphQL
GraphQL ist der Industriestandard für die effiziente Abfrage von Daten, da es mehrere Datenpunkte in einem einzigen API-Aufruf abrufen kann. Dies unterscheidet GraphQL von REST-APIs, bei denen mehrere API-Aufrufe Ihre Website verlangsamen können.
BigCommerce GraphQL Storefront-API
Die GraphQL Storefront-API von BigCommerce ermöglicht die effiziente Abfrage von Storefront-Daten zur Unterstützung leistungsstarker Headless-Storefronts. Die GraphQL Storefront-API von BigCommerce wurde speziell für diesen Zweck entwickelt und ermöglicht einen schnelleren Datenabruf, wodurch Headless-Erlebnisse sowohl reaktionsschnell als auch skalierbar bleiben. Mit der GraphQL Storefront-API können Sie Kundendaten aus der Perspektive eines Kunden in einem Kanal abrufen – das umfasst beispielsweise Preise, Produktverfügbarkeit usw. Wenn Sie ein Produkt je nach Kanal oder Kundengruppe ausblenden, spiegelt sich dies automatisch in der API wider, und Sie können alle diese Informationen mit einem einzigen API-Aufruf abrufen. Mit der GraphQL Storefront-API ist Folgendes möglich:
- Katalogdaten wie Produktoptionen, Varianten, benutzerdefinierte Felder, Kategorien, Marken, Metafelder und mehr abrufen
- Kundendaten wie Name, E-Mail-Adresse und Attribute (sofern angemeldet) abrufen
- Abfrage und Verwaltung des Warenkorbs und des Bestellvorgangs, einschließlich der Angabe komplexer Produktoptionen für Artikel, die in den Warenkorb gelegt werden
- Abruf von Echtzeit-Shop-Daten aus der Perspektive eines Kunden und eines Kanals, wie z. B. kundenspezifische Preise in der Währung des Käufers und Produktverfügbarkeit.
- Authentifizierung von Kunden
Standardfunktionen von Catalyst
Die aktuelle Version von Catalyst bietet eine voll funktionsfähige Umsetzung der wichtigsten Arbeitsabläufe für einen E-Commerce-Shop. Zu den Funktionen von Catalyst gehören:
- Vollständige Integration mit dem visuellen Editor von Makeswift für dynamische und statische Seiten
- Verfügbare Integrationen mit gängigen Such- und CMS-Anbietern
- Produktlistenseiten, basierend auf den Marken und Kategorien von BigCommerce, mit facettierter Filterung
- Textsuche
- Der BigCommerce-Katalog bildet die Grundlage für Ihre dynamischen Produktdetailseiten.
- Produktvergleich
- Kundenregistrierung und -anmeldung mit kundenabhängiger Kataloganzeige und Produktpreisangaben
- Kundenkonto-Funktionen, darunter Adressbuch, Passwort-Zurücksetzen, Wunschlisten und Bestellhistorie
- Umfassende Unterstützung für Gutscheine und Werbeaktionen
- Persistenter Warenkorb, der den Warenkorb eines registrierten Kunden bei der Anmeldung auf anderen Geräten wiederherstellt
- Weiterleitung zum Bezahlvorgang in der von BigCommerce gehosteten SaaS-Umgebung, was die PCI-Konformität vereinfacht, indem sichergestellt wird, dass sensible Zahlungsdaten niemals über Ihren Headless-Shop übertragen werden
- Mehrere Shop-Frontends und mehrsprachige Inhalte
- Integrierte Unterstützung für Google Analytics
Catalyst und Makeswift
Catalyst bietet integrierte Unterstützung für Makeswift, einen modularen visuellen Editor, der Marketingfachleuten die Möglichkeit gibt, reichhaltige, hochwertige Web-Erlebnisse zu erstellen – ohne steile Lernkurven oder endlose Entwicklungszyklen. Mit Catalyst als vollständig implementiertem Headless-Storefront und Makeswift als erstklassiger Lösung zur Inhaltsbearbeitung verfügen Sie über ein wirklich leistungsstarkes, modulares Toolkit auf Enterprise-Niveau. Sie können die integrierte Makeswift-Integration bei der Installation Ihrer Catalyst-Codebasis einbinden.
Bitte kontaktieren Sie uns unter wargis@bay20.com / manish@bay20.com oder rufen Sie uns unter +91-8800519180 / +91-9582784309 an, wenn Sie Unterstützung im Zusammenhang mit Bigcommerce benötigen. Sie können auch die Bigcommerce-Entwicklungsseite besuchen, um sich über unsere Dienstleistungen zu informieren.
