Ratgeber · Entwicklung
Shopify Headless und Hydrogen: die ehrliche Einordnung
Headless ist das Schlagwort, mit dem Aufträge teuer werden. Manchmal zu Recht. Hier steht, was die Architektur wirklich bringt, was sie kostet und für wen ein schnelles Standard-Theme die klügere Wahl ist.
Zuletzt aktualisiert:
Kurze Antwort
Shopify Headless bedeutet: Shopify liefert über die Storefront API nur noch Daten, das sichtbare Schaufenster wird als eigene Anwendung gebaut, etwa mit Hydrogen oder Next.js. Das lohnt sich bei sehr hohen Anforderungen an Performance, individuelle Kundenerlebnisse oder mehrere Ausgabekanäle. Für die meisten deutschen Shops ist ein gut optimiertes Theme schneller, günstiger und einfacher zu betreuen.
Auf einen Blick
- Was sich hinter Headless verbirgt: Im Standard-Betrieb rendert Shopify das Theme selbst und liefert fertige Seiten aus.
- Wann sich Headless wirklich lohnt: Sinnvoll wird die Architektur bei Anforderungen, die ein Theme nicht leisten kann..
- Was die meisten Shops stattdessen brauchen: Die Ladezeit- und Gestaltungsziele, mit denen Headless verkauft wird, erreicht ein sauber gebautes Theme in den meisten Fällen ebenfalls: entschlackte Apps, optimierte Bilder, aufgeräumtes Liquid und sauberes CSS..
- Kosten und Betrieb im Vergleich: Ein Headless-Aufbau beginnt realistisch im mittleren fünfstelligen Bereich, dazu kommen Hosting, Monitoring und laufende Pflege des Frontends.
- Meine Empfehlung in einem Satz: Beginnen Sie mit der Frage, welche konkrete Anforderung das Theme nicht kann.
Was sich hinter Headless verbirgt
Im Standard-Betrieb rendert Shopify das Theme selbst und liefert fertige Seiten aus. Beim Headless-Betrieb liefert die Storefront API nur Daten: Produkte, Preise, Warenkorb. Eine eigene Frontend-Anwendung, häufig mit Hydrogen oder Next.js gebaut, kümmert sich um Darstellung und Verhalten.
Diese Trennung gibt volle Gestaltungsfreiheit und kann sehr schnelle Ladezeiten liefern. Sie macht Sie aber auch zum Betreiber einer eigenen Webanwendung mit allem, was dazugehört.
Wann sich Headless wirklich lohnt
Sinnvoll wird die Architektur bei Anforderungen, die ein Theme nicht leisten kann.
- Sehr individuelle Kundenerlebnisse, etwa Konfiguratoren mit komplexer Logik
- Mehrere Ausgabekanäle aus einem Datenbestand, etwa Shop, App und Kiosk
- Internationale Setups mit hohen Anforderungen an Ladezeit in vielen Regionen
- Bestehendes Entwicklungsteam, das ein Frontend dauerhaft betreuen kann
Was die meisten Shops stattdessen brauchen
Die Ladezeit- und Gestaltungsziele, mit denen Headless verkauft wird, erreicht ein sauber gebautes Theme in den meisten Fällen ebenfalls: entschlackte Apps, optimierte Bilder, aufgeräumtes Liquid und sauberes CSS.
Der Unterschied liegt im Budget: Ein optimiertes Theme kostet einen Bruchteil, braucht kein eigenes Hosting und bleibt für Ihr Team im Shopify-Admin pflegbar. Entwicklung im Theme berechne ich mit 110 € netto pro Stunde.
Kosten und Betrieb im Vergleich
Ein Headless-Aufbau beginnt realistisch im mittleren fünfstelligen Bereich, dazu kommen Hosting, Monitoring und laufende Pflege des Frontends. Shopify Plus ist dafür keine Pflicht, wird aber häufig Teil solcher Projekte.
Ein Standard-Shop mit optimiertem Theme liegt je nach Umfang bei 3.000 bis 12.000 € netto und bleibt ohne eigenes Entwicklungsteam betreibbar. Diese Größenordnung sollten Sie kennen, bevor ein Headless-Angebot auf dem Tisch liegt.
Meine Empfehlung in einem Satz
Beginnen Sie mit der Frage, welche konkrete Anforderung das Theme nicht kann. Gibt es keine klare Antwort, ist Headless ein Statussymbol und kein Werkzeug. Ich prüfe das gern in einem kurzen Gespräch, bevor Sie Budget festlegen.
Shopify Conversion-Checkliste, kostenlos
Die Liste, mit der ich jeden Store zuerst durchgehe. Ohne Anfrage, ohne Verkaufsgespräch, Sie bekommen sie per E-Mail.
- 27 Prüfpunkte für Produktseite, Warenkorb und Checkout
- Die 6 häufigsten Umsatzkiller auf Mobile
- Rechenblatt: Was ein Prozentpunkt Conversion bei Ihnen bringt
Kein Newsletter. Eine E-Mail mit der Checkliste, mehr nicht.
Häufige Fragen
Was ist Shopify Headless?
Beim Headless-Betrieb bleibt Shopify das System für Produkte, Warenkorb und Checkout, die Darstellung im Browser kommt aber aus einer eigenen Frontend-Anwendung. Die Verbindung läuft über die Storefront API.
Was ist Shopify Hydrogen?
Hydrogen ist Shopifys eigenes React-Framework für Headless-Storefronts und wird typischerweise auf Oxygen, der Shopify-eigenen Hosting-Plattform, betrieben. Alternativen wie Next.js auf anderem Hosting sind möglich.
Was kostet ein Headless-Shop?
Der Aufbau beginnt realistisch im mittleren fünfstelligen Bereich, dazu kommt laufende Betreuung des Frontends. Ein gleichwertig schneller Standard-Shop liegt oft bei einem Bruchteil davon.
Ist Headless besser für SEO?
Nicht automatisch. Headless kann schneller sein, verlagert aber Verantwortung für Rendering, Meta-Steuerung und Indexierung in die eigene Anwendung. Ein gut gebautes Theme erreicht vergleichbare Werte mit deutlich weniger Risiko.
Wann raten Sie von Headless ab?
Wenn der Shop mit Standardfunktionen gut bedient ist, das Team klein ist und niemand das Frontend dauerhaft pflegt. Headless ohne eigenes Entwicklungsbudget wird zum teuren Risiko.