---
title: "Commerce Layer API + Laioutr"
canonical_url: "https://www.laioutr.com/blog/commerce-layer-api-laioutr-frontend-connection"
locale: de
meta:
description: "Wie die REST- und GraphQL-APIs von Commerce Layer mit Laioutr ans Frontend angebunden werden."
"og:description": "Wie die REST- und GraphQL-APIs von Commerce Layer mit Laioutr ans Frontend angebunden werden."
"og:title": "Commerce Layer API + Laioutr"
---
# Commerce Layer REST- und GraphQL-API + Laioutr: So funktioniert die Anbindung
Inhaltsverzeichnis
1. [1.Was die REST- und GraphQL-API liefert](#was-die-rest-und-graphql-api-liefert)
2. [2.Laioutr ist der Konsument, Commerce Layer ist die Wahrheitsquelle](#laioutr-ist-der-konsument-commerce-layer-ist-die-wahrheitsquelle)
3. [3.Was das in der Praxis bedeutet](#was-das-in-der-praxis-bedeutet)
4. [4.Ein konfigurierter Layer, kein Greenfield-Build](#ein-konfigurierter-layer-kein-greenfield-build)
5. [5.Performance und Hosting](#performance-und-hosting)
6. 6.Häufige Fragen
1. [1.Was die REST- und GraphQL-API liefert](#was-die-rest-und-graphql-api-liefert)
2. [2.Laioutr ist der Konsument, Commerce Layer ist die Wahrheitsquelle](#laioutr-ist-der-konsument-commerce-layer-ist-die-wahrheitsquelle)
3. [3.Was das in der Praxis bedeutet](#was-das-in-der-praxis-bedeutet)
4. [4.Ein konfigurierter Layer, kein Greenfield-Build](#ein-konfigurierter-layer-kein-greenfield-build)
5. [5.Performance und Hosting](#performance-und-hosting)
6. 6.Häufige Fragen
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](https://www.laioutr.com/composable-headless-frontend) darauf, ohne die Integration anzufassen.
## Performance und Hosting
Laioutr liefert das Frontend aus einem EU-CDN mit einem [Lighthouse-100-Ziel](https://www.laioutr.com/product/performance-core-web-vitals) 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](https://www.laioutr.com/headless-frontend-for-commerce-layer) oder [sprich mit unserem Team](https://www.laioutr.com/contact).
Mehr bei Laioutr: [Personalization](https://www.laioutr.com/product/personalization).
Mehr dazu: [BigCommerce GraphQL Storefront API + Laioutr: So funktioniert die Anbindung](https://www.laioutr.com/blog/big-commerce-api-laioutr-frontend-connection) und [Pimcore GraphQL-API (Datahub) und REST + Laioutr: So funktioniert die Anbindung](https://www.laioutr.com/blog/pimcore-api-laioutr-frontend-connection).
---
Diesen Artikel teilen
[Auf Facebook teilen](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.laioutr.com%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection) [Auf X teilen](https://x.com/intent/post?url=https%3A%2F%2Fwww.laioutr.com%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection&text=) [Auf LinkedIn teilen](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.laioutr.com%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection) [Auf Pinterest teilen](https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.laioutr.com%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection&description=) [Per E-Mail teilen](mailto:?subject=&body=%0A%0Ahttps%3A%2F%2Fwww.laioutr.com%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection)
## Mehr interessante Frontend Artikel
Praxiswissen für Frontend-Entwicklung, smarte Agenten und Headless
[Zum Blog](https://www.laioutr.com/blogs/insights)
[Website-Tracking im E-Commerce 2026: Der ehrliche Stack-Überblick
Website-Tracking im E-Commerce ist kein einzelnes Tool, sondern ein Stack aus fünf Schichten: Consen…](https://www.laioutr.com/blog/website-tracking-ecommerce-stack-overview-2026)
[Eine Content-Quelle für alle Kanäle: Vom Print bis zur Storefront
Doppelte Datenpflege entsteht, wenn derselbe Produkttext, dieselbe Spezifikation oder dasselbe Bild …](https://www.laioutr.com/blog/unified-content-source-print-to-storefront-omnichannel-2026)
[Third-Party-Cookies leben: Warum Tracking-Daten löchrig bleiben
Third-Party-Cookies gibt es 2026 weiterhin. Google hat 2025 entschieden, sie in Chrome nicht abzusch…](https://www.laioutr.com/blog/third-party-cookies-2026-why-tracking-data-has-gaps)
[Gast-Checkout oder Kundenkonto: die Frontend-Entscheidung testen
Im B2C-Storefront sollte der Gast-Checkout der Standardweg sein, das Kundenkonto ein Angebot nach de…](https://www.laioutr.com/blog/guest-checkout-vs-customer-account-frontend-testing)
[Google Tag Manager nur mit Consent: Das VG-Hannover-Urteil
Der Google Tag Manager darf erst geladen werden, nachdem eine wirksame Einwilligung vorliegt. Das is…](https://www.laioutr.com/blog/google-tag-manager-consent-vg-hannover-ruling-2026)
[Composable-Commerce-Agentur 2026: drei Angebote statt einem
Eine Composable-Commerce-Agentur gewinnt 2026 nicht mit einem einzigen Standardangebot, sondern mit …](https://www.laioutr.com/blog/composable-commerce-agency-three-offer-models-2026)
[Algolia im Composable-Frontend: Indexierung, Events, Integration
Eine Algolia-Integration im Composable-Frontend besteht aus drei Schichten, die getrennt geplant wer…](https://www.laioutr.com/blog/algolia-indexing-events-composable-frontend-2026)
[Rabattaktion im Onlineshop: Sale-Seiten vor Black Friday live
Eine Rabattaktion im Onlineshop gelingt, wenn Ziel, Rabattmechanik und Aktionsseite vor dem Start fe…](https://www.laioutr.com/blog/discount-campaigns-online-store-black-friday-sale-pages)
[iPhone Duo im E-Commerce: Was Händler jetzt wissen müssen
Das iPhone Duo kommt am 23. Oktober 2026 in den Handel. Onlineshops brauchen dafür keine eigene App …](https://www.laioutr.com/blog/iphone-duo-ecommerce-foldable-storefront)
[Strukturierte Produktdaten: So zeigen sie sich in der Storefront
Strukturierte Produktdaten heißt: Jede Produkteigenschaft steckt in einem typisierten Attribut mit E…](https://www.laioutr.com/blog/structured-product-data-pim-frontend-2026)
[44 % entscheiden per Trial oder PoC: Der Storefront-PoC für DACH
Softwareentscheidungen in DACH fallen immer öfter hands-on: In der Studie "Software Buying in D…](https://www.laioutr.com/blog/storefront-proof-of-concept-dach-buyers-2026)
[FMP-Vergleich: So wählst du die richtige Frontend Management Platform
Bei der Wahl einer Frontend Management Platform (FMP) zählt weniger die längste Feature-Liste als di…](https://www.laioutr.com/blog/frontend-management-platform-comparison-how-to-choose-2026)
[DAM, PIM und CMS wachsen zusammen: Was das für dein Frontend bedeutet
Anbieter von DAM, PIM und CMS dringen in die Gebiete der jeweils anderen vor, und immer mehr Teams p…](https://www.laioutr.com/blog/dam-pim-cms-convergence-content-hub-storefront-2026)
[Contentful Live-Vorschau: Was dein Frontend dafür leisten muss
Mit der Contentful Live-Vorschau sehen Redakteure einen Entwurf direkt neben dem Eingabeformular und…](https://www.laioutr.com/blog/contentful-live-preview-frontend-perspective-2026)
[Content Governance im großen Maßstab: Produktcontent und Brand Assets
Content Governance im großen Maßstab heißt: Rollen, Freigaben, Markenregeln, Asset-Rechte und Überse…](https://www.laioutr.com/blog/content-governance-product-content-brand-assets-frontend-2026)
[](https://www.laioutr.com/apps/shopify)
Laioutr
[Shopify](https://www.laioutr.com/apps/shopify)
Shopify ist eine Commerce-Plattform zum Verkaufen online und im stationären Handel.
[](https://www.laioutr.com/apps/shopware)
Laioutr
[Shopware](https://www.laioutr.com/apps/shopware)
Shopware ist eine flexible E-Commerce-Plattform aus Europa für Produktkataloge und Omnichannel-Commerce.
[](https://www.laioutr.com/apps/adobe-commerce)
Laioutr
[Adobe Commerce](https://www.laioutr.com/apps/adobe-commerce)
Adobe Commerce ist eine Enterprise-Commerce-Plattform für komplexe, globale B2C- und B2B-Szenarien.
Planned
[](https://www.laioutr.com/apps/b2b-sellers)
Laioutr
[B2Bsellers](https://www.laioutr.com/apps/b2b-sellers)
B2B-Suite für Shopware, die den Online-Shop zur professionellen B2B-Commerce-Plattform macht.
Planned
[](https://www.laioutr.com/apps/commerce-layer)
Laioutr
[Commerce Layer](https://www.laioutr.com/apps/commerce-layer)
Commerce Layer ist eine Headless-Commerce-Plattform, um Bestände und Kataloge online verfügbar zu machen.
[](https://www.laioutr.com/apps/commercetools)
Laioutr
[Commercetools](https://www.laioutr.com/apps/commercetools)
Commercetools ist eine SaaS-basierte, headless E-Commerce-Plattform mit weltweitem Einsatz.
[](https://www.laioutr.com/apps/emporix)
Laioutr
[Emporix](https://www.laioutr.com/apps/emporix)
Emporix ist eine composable, API-first Commerce-Plattform für skalierbare B2B- und B2C-Szenarien.
Planned
[](https://www.laioutr.com/apps/hcl-software)
Laioutr
[HCL Software](https://www.laioutr.com/apps/hcl-software)
Enterprise-Suite für digitalen Commerce und Experience mit hoher Konfigurierbarkeit.
Planned
[](https://www.laioutr.com/apps/intershop)
Laioutr
[Intershop](https://www.laioutr.com/apps/intershop)
Enterprise-Commerce-Plattform für komplexe B2B- und B2C-Geschäftsmodelle.
Planned
[](https://www.laioutr.com/apps/magento-2)
Laioutr
[Magento 2](https://www.laioutr.com/apps/magento-2)
Weit verbreitete, erweiterbare Commerce-Plattform für B2C- und B2B-Szenarien.
[](https://www.laioutr.com/apps/oxid-eshop)
Laioutr
[OXID eShop](https://www.laioutr.com/apps/oxid-eshop)
OXID eShop ist eine erweiterbare Commerce-Plattform für komplexe B2B- und B2C-Anforderungen.
Planned
[](https://www.laioutr.com/apps/patchworks)
Laioutr
[Patchworks](https://www.laioutr.com/apps/patchworks)
Patchworks ist eine Low-Code-iPaaS, die E-Commerce, ERP, WMS, 3PL und Marktplätze verbindet.
Planned
[](https://www.laioutr.com/apps/PrestaShop)
Laioutr
[Prestashop](https://www.laioutr.com/apps/PrestaShop)
Open-Source-Commerce-Plattform für kleine und mittlere Händler in Europa und darüber hinaus.
Planned
[](https://www.laioutr.com/apps/saleor)
Laioutr
[Saleor](https://www.laioutr.com/apps/saleor)
Open-Source-, API-first-Commerce-Plattform auf GraphQL-Basis für Custom-Storefronts.
Planned
[](https://www.laioutr.com/apps/salesforce-commerce-cloud)
Laioutr
[Salesforce Commerce Cloud](https://www.laioutr.com/apps/salesforce-commerce-cloud)
Salesforce Commerce Cloud ist eine cloudbasierte Enterprise-Commerce-Plattform für Unternehmen jeder Größe.
Planned
[](https://www.laioutr.com/apps/sap-commerce-cloud)
Laioutr
[SAP Commerce Cloud](https://www.laioutr.com/apps/sap-commerce-cloud)
Enterprise-Commerce-Plattform für komplexe Kataloge, Preismodelle und Omnichannel-Journeys.
Planned
[](https://www.laioutr.com/apps/scayle)
Laioutr
[Scayle](https://www.laioutr.com/apps/scayle)
SCAYLE ist eine Commerce-Engine, mit der Marken und Händler ihr Geschäft skalieren.
Planned
[](https://www.laioutr.com/apps/spryker)
Laioutr
[Spryker](https://www.laioutr.com/apps/spryker)
Composable Commerce-Plattform für anspruchsvolle B2B- und B2C-Geschäftsmodelle.
[](https://www.laioutr.com/apps/sylius)
Laioutr
[Sylius](https://www.laioutr.com/apps/sylius)
Sylius ist ein entwicklerfreundliches E-Commerce-Framework für B2C- und B2B-Shopping-Erlebnisse.
Planned
[](https://www.laioutr.com/apps/vendure)
Laioutr
[Vendure](https://www.laioutr.com/apps/vendure)
Vendure ist eine Headless-Commerce-Plattform für Unternehmen mit komplexen Anforderungen.
Coming Soon
[](https://www.laioutr.com/apps/vtex)
Laioutr
[VTEX](https://www.laioutr.com/apps/vtex)
Cloud-native, composable Commerce-Plattform für B2B und B2C im großen Maßstab.
Planned
[](https://www.laioutr.com/apps/websale)
Laioutr
[Websale](https://www.laioutr.com/apps/websale)
Stabiles, enterprise-taugliches Commerce-Backend für komplexe Handelsumgebungen.
Strategie-Gespräch
## Bereit, Dein Frontend zur Steuerebene zu machen?
Zeig uns Deinen Stack, Deine Roadmap, Dein Replatforming-Szenario, wir zeigen Dir, wie Laioutr passt, was es kostet und wie schnell ihr live geht.
*"Nach 30 Minuten wussten wir, dass Laioutr unser Replatforming machbar macht." - Daniel B., CEO,* [*hygibox.de*](https://hygibox.de)
[Demo buchen](https://www.laioutr.com/contact)
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.laioutr.com/#identity",
"name": "Laioutr",
"legalName": "Laioutr GmbH",
"url": "https://www.laioutr.com/",
"logo": {
"@type": "ImageObject",
"url": "https://www.laioutr.com/laioutr-logo.png",
"width": 400,
"height": 400
},
"email": "info@laioutr.com",
"telephone": "+49 30 75435715",
"address": {
"@type": "PostalAddress",
"streetAddress": "Münchweilersteig 5",
"postalCode": "12559",
"addressLocality": "Berlin",
"addressCountry": "DE"
},
"vatID": "DE450905846",
"sameAs": [
"https://www.linkedin.com/company/laioutr",
"https://www.youtube.com/@Laioutr",
"https://x.com/laioutr"
]
},
{
"@type": "WebSite",
"@id": "https://www.laioutr.com/#website",
"url": "https://www.laioutr.com/",
"name": "Laioutr",
"inLanguage": "de",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": "BlogPosting",
"@id": "https://www.laioutr.com/blog/commerce-layer-api-laioutr-frontend-connection#article",
"headline": "Commerce Layer REST- und GraphQL-API + Laioutr: So funktioniert die Anbindung",
"description": "Wie die REST- und GraphQL-APIs von Commerce Layer mit Laioutr ans Frontend angebunden werden.",
"image": [
"https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmq66tixug4fs07mkd2urzjed"
],
"datePublished": "2026-07-09T04:45:51.564344+00:00",
"dateModified": "2026-07-09T04:45:51.364865+00:00",
"inLanguage": "de",
"articleSection": "Insights",
"keywords": "Headless Commerce, Frontend Management, Frontend Engineering, Composable, Commerce Layer",
"author": {
"@type": "Person",
"name": "Marcel Thiesies",
"jobTitle": "Co-Founder & CEO, Laioutr",
"image": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmj01b962364n07lb0iguvts5"
},
"publisher": {
"@id": "https://www.laioutr.com/#identity"
},
"mainEntityOfPage": {
"@id": "https://www.laioutr.com/blog/commerce-layer-api-laioutr-frontend-connection#webpage"
},
"isPartOf": {
"@id": "https://www.laioutr.com/#website"
}
},
{
"@type": "WebPage",
"@id": "https://www.laioutr.com/blog/commerce-layer-api-laioutr-frontend-connection#webpage",
"url": "https://www.laioutr.com/blog/commerce-layer-api-laioutr-frontend-connection",
"name": "Commerce Layer REST- und GraphQL-API + Laioutr: So funktioniert die Anbindung",
"description": "Wie die REST- und GraphQL-APIs von Commerce Layer mit Laioutr ans Frontend angebunden werden.",
"inLanguage": "de",
"isPartOf": {
"@id": "https://www.laioutr.com/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/blog/commerce-layer-api-laioutr-frontend-connection#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmq66tixug4fs07mkd2urzjed"
},
"datePublished": "2026-07-09T04:45:51.564344+00:00",
"dateModified": "2026-07-09T04:45:51.364865+00:00",
"mainEntity": {
"@id": "https://www.laioutr.com/blog/commerce-layer-api-laioutr-frontend-connection#article"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/blog/commerce-layer-api-laioutr-frontend-connection#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Insights",
"item": "https://www.laioutr.com/blogs/insights"
},
{
"@type": "ListItem",
"position": 3,
"name": "Commerce Layer REST- und GraphQL-API + Laioutr: So funktioniert die Anbindung"
}
]
}
]
}
```