Zum Inhalt
AnmeldenKostenlos testen

Magento

Magento headless: GraphQL, PWA Studio und Adobe Commerce Storefront

Headless heißt: Magento liefert Produkte, Warenkorb und Checkout über eine Schnittstelle, das Frontend baust du getrennt davon. Hier steht, welche Wege Adobe dafür anbietet und welcher zu Magento Open Source passt. Stand der Angaben: November 2026, Quellen sind developer.adobe.com, Experience League und das GitHub-Projekt von PWA Studio.

In diesem Artikel

1. GraphQL als Grundlage

Adobe nennt GraphQL die Grundlage für Headless-Storefronts und mobile Apps. Laut Doku stehen die GraphQL-Schemas Adobe Commerce und Magento Open Source seit Langem zur Verfügung. Bei einem eigenen Server erreichst du sie unter https://<dein-shop>/graphql.

Für Adobe Commerce as a Cloud Service (SaaS) gibt es einen eigenen Endpunkt bei Adobe, der die Schemas zusammenführt. Das betrifft Magento Open Source nicht.

2. REST-API für Backoffice und Anbindungen

Neben GraphQL gibt es die REST-API. Laut Adobe nutzen Adobe Commerce in der Cloud, Adobe Commerce auf eigenen Servern und Magento Open Source dasselbe REST-Framework.

Für ein Frontend nimmst du meist GraphQL, weil du pro Seite genau die Felder abfragst, die du brauchst. REST nutzen eher Anbindungen wie Warenwirtschaft, Marktplätze oder Versand.

3. PWA Studio

PWA Studio ist laut Adobe ein Werkzeugkasten für Storefronts als Progressive Web App, für Adobe Commerce und für Magento Open Source. Die Storefront spricht Magento über GraphQL an.

Das Projekt liegt auf GitHub unter magento/pwa-studio, die neueste Version war am 9.11.2026 die 14.5.2 mit Fehlerbehebungen. Plane bei einem Umstieg ein, dass du das Frontend mit jeder Magento-Version selbst nachziehst.

4. Adobe Commerce Storefront: nicht für Open Source

Neuer ist die Adobe Commerce Storefront mit fertigen Bausteinen für Shopseiten. Laut Experience League brauchen alle diese Bausteine eine Lizenz für Adobe Commerce as a Cloud Service oder Adobe Commerce Optimizer.

Wörtlich schreibt Adobe dazu, dass Magento Open Source für diesen Weg nicht unterstützt wird. Für einen Open-Source-Shop bleiben also PWA Studio oder ein eigenes Frontend auf GraphQL.

5. Erweiterungen und Suche im eigenen Frontend

Viele Erweiterungen bringen ihre Oberfläche als Teil des Luma-Themes mit. In einem Headless-Frontend erscheint sie nicht von selbst. Prüfe für jede Erweiterung, ob sie GraphQL unterstützt oder ob du ihre Oberfläche nachbauen musst, besonders bei Zahlungsarten, Cookie-Hinweisen und Suche.

Grumeria bindest du in Magento über einen Produktfeed und ein Widget-Skript ein, das sich über das Attribut data-selector an ein beliebiges Suchfeld hängt, auch in einem eigenen Frontend. Teste das vor dem Livegang, gerade wenn das Suchfeld per JavaScript neu gerendert wird. Die Suche findet Produkte trotz Tippfehlern und zerlegt deutsche zusammengesetzte Wörter, ab 29 € netto im Monat, die ersten 14 Tage kostenlos.

Häufige Fragen

Kann Magento headless betrieben werden?

Ja. Magento Open Source und Adobe Commerce bieten eine GraphQL-API, über die ein eigenes Frontend Produkte, Warenkorb und Checkout abfragt.

Was ist Magento PWA Studio?

Ein Werkzeugkasten von Adobe für Storefronts als Progressive Web App, nutzbar mit Adobe Commerce und Magento Open Source. Die Verbindung läuft über GraphQL.

Gibt es die Adobe Commerce Storefront für Magento Open Source?

Nein. Laut Adobe wird Magento Open Source für diesen Weg nicht unterstützt, die Bausteine brauchen eine Lizenz für Adobe Commerce as a Cloud Service oder Adobe Commerce Optimizer.

Funktionieren Magento-Erweiterungen headless?

Nicht automatisch. Oberflächen, die eine Erweiterung ins Theme einbaut, musst du im eigenen Frontend nachbauen oder über GraphQL anbinden.

Suche für dein eigenes Frontend

Prüfe kostenlos, wie Grumeria die Produkte deines Magento-Shops findet, und teste 14 Tage ohne Kreditkarte.

Shop kostenlos prüfen →

Der Feed-Check zeigt, was Grumeria in deinen Produkten findet, und wo möglich zum Vergleich das Ergebnis deiner jetzigen Shopsuche.

Passend dazu

Alle Anleitungen ansehen →