Headless Commerce in einem Satz
Bei Headless Commerce ist das, was deine Kunden im Shop sehen, vom System dahinter getrennt. Shopify verwaltet weiter Produkte, Bestand, Zahlungen und den Checkout — die Oberfläche davor wird individuell gebaut und holt sich alle Daten über eine Schnittstelle.
Der Name kommt daher, dass dem Shop-System quasi der „Kopf“ abgenommen wird: Shopify bleibt der Körper, das Frontend wird frei gestaltet. Deine Kunden merken davon nichts. Sie erleben einfach einen Shop, der schneller lädt und nicht aussieht wie tausend andere.
So ist ein Headless-Shop mit Shopify aufgebaut
Ein typischer Aufbau, wie ich ihn umsetze, besteht aus vier Teilen:
- Shopify als Backend: Produkte, Varianten, Preise, Bestand, Bestellungen und Rabatte. Du arbeitest weiter im gewohnten Shopify-Admin.
- Die Storefront API: Über diese Schnittstelle von Shopify holt das Frontend Produkte, Warenkörbe und Kundendaten.
- Ein eigenes Frontend mit Next.js: Startseite, Kategorien, Produktseiten und Ratgeber. Hier entscheiden sich Design, Tempo und Google-Sichtbarkeit.
- Der Shopify-Checkout: Wenn jemand kauft, geht es in den sicheren Checkout von Shopify — mit allen Zahlungsarten, die du dort eingerichtet hast.
Inhalte wie Ratgeber oder Landingpages kommen entweder aus Shopify selbst, über sogenannte Metaobjekte, oder aus einem Headless CMS. Welche CMS sich dafür eignen, habe ich im Headless-CMS-Vergleich zusammengefasst.
Die Vorteile — und wann sie wirklich zählen
Freies Design. Ein Theme gibt Raster, Abstände und Seitentypen vor. Headless gibt dir eine leere Leinwand. Das zählt vor allem für Marken, deren Auftritt sich klar von der Konkurrenz abheben soll.
Geschwindigkeit. Seiten können vorab erzeugt und weltweit nah am Kunden ausgeliefert werden. Gerade auf dem Handy entscheidet die Ladezeit mit darüber, ob jemand bleibt. Warum das auch für Google zählt, steht in meinem Artikel zu den Core Web Vitals.
SEO. Du bestimmst Struktur, Überschriften, Texte pro Kategorie und strukturierte Produktdaten selbst, statt mit den Grenzen eines Themes zu leben.
Inhalte und Shop aus einem Guss. Ratgeber, Anleitungen oder Kampagnen-Seiten sitzen direkt im Shop — im selben Design und ohne zusätzliche Apps.
Die Nachteile — ehrlich
Headless ist nicht für jeden Shop die richtige Wahl:
- Höhere Anfangskosten: Design und Frontend entstehen individuell. Ein gutes Theme ist schneller und günstiger eingerichtet.
- Theme-Apps funktionieren nicht automatisch: Apps, die etwas im Theme anzeigen, etwa Bewertungs-Widgets oder Pop-ups, müssen über ihre Schnittstelle eingebunden oder ersetzt werden. Apps im Hintergrund, etwa für Versand oder Buchhaltung, laufen weiter.
- Änderungen am Frontend brauchen einen Entwickler: Größere Umbauten erledigt nicht mehr der Theme-Editor, sondern jemand, der den Code kennt.
Für einen neuen Shop mit kleinem Sortiment ist ein gutes Shopify-Theme oft die vernünftigere Entscheidung. Das sage ich auch im Erstgespräch so.
Hydrogen oder Next.js?
Shopify bietet mit Hydrogen ein eigenes Framework für Headless-Shops, das standardmäßig auf Shopifys Hosting Oxygen läuft. Die Alternative ist Next.js, eines der verbreitetsten Frameworks für moderne Websites — und das, auf dem auch diese Website läuft.
Ich setze meist auf Next.js. Der Grund ist pragmatisch: Shop, Website, Blog und eventuell ein Kundenportal lassen sich in einem System bauen, und du bist beim Hosting nicht an Shopify gebunden. Hydrogen ist eine gute Wahl, wenn ein Projekt ausschließlich Shop ist und eng bei Shopify bleiben soll.
Was kostet ein Headless-Shop mit Shopify?
Die ehrliche Antwort: mehr als ein Theme, weil Design und Umsetzung individuell entstehen. Wie viel genau, hängt vor allem von drei Dingen ab:
- Seitentypen und Umfang: Braucht der Shop nur Produkt- und Kategorieseiten oder auch Ratgeber, Landingpages und Markenwelten?
- Funktionen: Produktkonfiguratoren, Mehrsprachigkeit, mehrere Märkte oder Kundenkonten mit Sonderpreisen erhöhen den Aufwand.
- Umzug: Ein bestehender Shop braucht Weiterleitungen für alle alten Adressen, damit Rankings erhalten bleiben.
Laufend kommen der Shopify-Tarif und das Hosting des Frontends dazu. Bei mir bekommst du nach dem Erstgespräch ein Festpreis-Angebot, damit du vorher weißt, woran du bist.
Checkliste: Lohnt sich Headless für deinen Shop?
Headless ist ein Kandidat, wenn mindestens zwei Punkte auf dich zutreffen:
- Dein Shop soll klar nach deiner Marke aussehen, nicht nach einem Theme.
- Du hast ein wachsendes Sortiment mit vielen Kategorien und Varianten.
- Ratgeber und Anleitungen sind ein wichtiger Teil deines Marketings.
- Dein Shop ist langsam, voller Apps oder bei Anpassungen ein Kampf.
- Google-Sichtbarkeit ist ein echter Umsatzhebel für dich.
Mein Fazit
Headless Commerce mit Shopify verbindet ein bewährtes Shop-System im Hintergrund mit voller Freiheit bei Design, Tempo und SEO davor. Es ist kein Selbstzweck — aber für Marken und wachsende Shops oft der Schritt, der aus einem ordentlichen Shop einen richtig guten macht.
Wenn du wissen willst, ob sich das für deinen Shop lohnt: Auf meiner Seite Shopify-Shop erstellen lassen findest du Ablauf und Leistungen — und im kostenlosen Erstgespräch bekommst du eine ehrliche Einschätzung.
