Glossar · Engineering

Headless Commerce

Eine Architektur, bei der das Shop-Frontend vom Commerce-Backend getrennt ist und ausschließlich über APIs kommuniziert.

Definition

Headless Commerce trennt die Präsentationsschicht (den Head) vom kaufmännischen Backend. Das Backend kümmert sich um Produkte, Warenkorb, Bestellungen und Zahlungen und stellt diese Funktionen über APIs bereit. Das Frontend ist eine eigenständige Anwendung, die diese APIs konsumiert und frei in einer beliebigen Technologie gebaut werden kann, etwa als Next.js-Seite, native App oder Kiosk-Oberfläche.

Der Vorteil liegt in der Entkopplung: Du kannst das Frontend austauschen oder mehrere Frontends gegen dasselbe Backend betreiben, ohne die Geschäftslogik anzufassen. Der Preis dafür ist mehr Eigenverantwortung, weil Themen wie Routing, Caching und SEO nicht mehr vom Shop-System abgenommen werden, sondern in deiner eigenen Anwendung liegen.

So nutzen wir das bei adsbird

Ein Shopify-Shop nutzt nur noch das Backend, während ein eigenes Next.js-Frontend über die Storefront-API die Produkte rendert und so volle Kontrolle über Ladezeit und Layout behält.

Headless Commerce in deinem Projekt?

Wir bauen damit,
jeden Tag.

Wenn du Headless Commerce in einem konkreten Workflow brauchst, wir haben das wahrscheinlich schon gebaut.

Erstgespräch Alle Begriffe