SCAYLE Storefront API + Laioutr: So funktioniert die Anbindung

Wer SCAYLE betreibt und ein modernes Frontend will, ohne es aus SDK-Bausteinen zu bauen, stellt sich eine einfache Frage: Wie spricht der Frontend-Layer mit SCAYLE? Dieser Artikel zeigt, wie Laioutr die Storefront-API anbindet und was wo bleibt.

Was die Storefront-API liefert

Die SCAYLE Storefront-API ist eine REST-API für kundenseitige Anwendungen. Sie liefert Produkte, Kategorien, Kampagnen und Promotions, unterstützt Suche und Filterung und speichert Warenkörbe und Wunschlisten pro Kunde. Eingebautes PIM, Checkout und Order-Management liegen in SCAYLE. Weil die API der Vertrag ist, kann jedes Frontend sie konsumieren, auch Laioutr.

Laioutr ist der Konsument, SCAYLE ist die Wahrheitsquelle

Laioutr bindet die vorhandene Storefront-API als konfigurierten Layer an, nicht als Custom-Integrationsprojekt. SCAYLE bleibt die einzige Wahrheitsquelle: Katalog, Preisfindung, 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 von Katalog und Suche der Storefront-API
• Warenkorb- und Wunschlisten-Aktionen sind API-Aufrufe, Warenkorb- und Order-Logik bleiben in SCAYLE
• Promotions und Kampagnen werden aus der API geliefert und in Laioutr-Komponenten gerendert
• Kundensessions und Authentifizierung laufen über das Session-Modell der Storefront-API

Ein konfigurierter Layer, kein Greenfield-Build

Auf dem SCAYLE Storefront SDK zu bauen gibt euch Composables, aber das UI setzt ihr weiterhin selbst zusammen und wartet es. Laioutr liefert die Commerce-Komponenten und ihr API-Verhalten vorgefertigt, der Connect-Schritt ist also Konfiguration. Marketing-Teams komponieren danach Seiten und Kampagnen darauf, ohne die Integration anzufassen. Weil sowohl Laioutr als auch das SCAYLE-SDK auf Nuxt basieren, ist der technische Fit sauber.

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 SCAYLE-Backend bei lese-intensivem Katalog-Traffic, was in SCAYLEs Größenordnung zählt.

Häufige Fragen

Brauchen wir eigene API-Arbeit?

Die Standard-Endpunkte der Storefront-API decken die meisten Storefronts ab. Projektspezifische Anforderungen lassen sich über die API abbilden und in Laioutr-Komponenten rendern.

Speichert Laioutr unsere Produktdaten?

Nein. Die Daten bleiben in SCAYLE. Laioutr fragt sie zur Render-Zeit über die Storefront-API ab, es gibt keinen Duplikat-Datenspeicher zu pflegen.

Wird das Backend beim Setup angefasst?

Keine Backend-Neuarchitektur ist nötig. Ihr nutzt die Storefront-API und konfiguriert den Laioutr-Connect-Layer. Sprich mit unserem Team, um euer SCAYLE-Setup zu klären.

Mehr bei Laioutr: Personalization.

Mehr dazu: Vendure Shop API + Laioutr: So funktioniert die Anbindung und SAP Commerce Cloud OCC-API + Laioutr: So funktioniert die Anbindung.