Wer Commerce Layer betreibt und ein modernes Frontend will, ohne es von Grund auf zu bauen, stellt sich eine einfache Frage: Wie spricht der Frontend-Layer mit Commerce Layer? Dieser Artikel zeigt, wie Laioutr die REST- und GraphQL-API anbindet und was wo bleibt.

Was die REST- und GraphQL-API liefert

Commerce Layer liefert bewusst kein Frontend mit, die Präsentationsschicht wählt ihr frei. Die API liefert Produkt- und Katalogdaten, Warenkorb-Operationen, Kundenkonten und Checkout. Weil die API der Vertrag ist, kann jedes Frontend sie konsumieren, auch Laioutr.

Laioutr ist der Konsument, Commerce Layer ist die Wahrheitsquelle

Laioutr bindet die vorhandene REST- und GraphQL-API als konfigurierten Layer an, nicht als Custom-Integrationsprojekt. Commerce Layer bleibt die einzige Wahrheitsquelle: Katalog, Preise, Promotions, Bestand und Bestellungen bleiben im Backend. Es gibt kein Datenduplikat und keine Sync-Schicht, die konsistent gehalten werden muss. Das Frontend fragt Daten beim Rendern ab und schickt Warenkorb- und Checkout-Aktionen über die API zurück.

Was das in der Praxis bedeutet

• Produkt- und Kategorieseiten rendern aus Live-Antworten der REST- und GraphQL-API
• Warenkorb- und Checkout-Aktionen laufen über die API, Order-Logik bleibt in Commerce Layer
• Kundenkonten und Bestellhistorie kommen aus der API
• B2C und B2B-Spezifika werden über die API geliefert und in Laioutr-Komponenten gerendert

Ein konfigurierter Layer, kein Greenfield-Build

Ein eigenes Frontend muss jeden API-Sonderfall selbst behandeln. Laioutr liefert die Commerce-Komponenten und ihr API-Verhalten vorgefertigt, der Connect-Schritt ist also Konfiguration gegen euer Schema. Marketing-Teams komponieren danach Seiten und Kampagnen darauf, ohne die Integration anzufassen.

Performance und Hosting

Laioutr liefert das Frontend aus einem EU-CDN mit einem Lighthouse-100-Ziel und Server-Side-Rendering für SEO aus. Caching auf der Frontend-Ebene reduziert die Last auf das Commerce Layer-Backend bei lese-intensivem Katalog-Traffic.

Häufige Fragen

Speichert Laioutr unsere Produktdaten?

Nein. Die Daten bleiben in Commerce Layer. Laioutr fragt sie zur Render-Zeit über die REST- und GraphQL-API ab, es gibt keinen Duplikat-Datenspeicher.

Wird das Backend beim Setup angefasst?

Keine Backend-Neuarchitektur ist nötig. Ihr nutzt die REST- und GraphQL-API und konfiguriert den Laioutr-Connect-Layer. Siehe die Commerce Layer-Pillar-Page oder sprich mit unserem Team.

Mehr bei Laioutr: Personalization.

Mehr dazu: BigCommerce GraphQL Storefront API + Laioutr: So funktioniert die Anbindung und Pimcore GraphQL-API (Datahub) und REST + Laioutr: So funktioniert die Anbindung.