Ein dunkles Hintergrundbild für das Banner.
Laioutr and Hygraph

Hygraph for federated content, Laioutr for frontend rendering

More and more e-commerce brands use Hygraph (formerly GraphCMS) as a GraphQL-native headless CMS.

Via Content Federation, content from commerce backends, ERP, and PIM systems flows into a single graph. For storefront delivery, Laioutr complements the stack: agentic frontend management with themes, a UI library, Studio, and native commerce backend integrations. The result is an end-to-end composable commerce stack made of two German platforms, with no custom-frontend marathon and no parallel render project.

Karls grey
Hygi grey
Hygibox grey
Läpple grey
Ambieno grey
WHY TOGETHER

Keep Hygraph, accelerate your frontend with Laioutr

Instead of replacing your Hygraph investment with another CMS, we close the gap between a federated content graph and a productive e-commerce storefront. Hygraph queries flow natively into Laioutr layouts, your editorial and engineering teams keep working in the Hygraph schema and in Studio. Laioutr handles rendering in storefronts with themes, a UI library, and commerce connectivity.

Pricing Plans Comparison
Compare differences
Hygraph
Laioutr
Plattform-Fokus, Commerce-Anbindung & Multi-Channel
Welche Rolle füllt die Plattform in eurer Architektur, und wie ergänzen sich beide Systeme im Stack?
Plattform-Fokus
Wofür ist die Plattform primär gebaut, und wie ergänzen sich beide Systeme im Stack?
GraphQL Headless CMS
Federierter Content-Hub für Commerce, ERP und PIM
Agentic Frontend-Management
Storefront-Rendering mit Studio, UI-Library und Commerce-Backends
Native Hygraph-Integration
Vorgebaute Anbindung an Hygraph als Content-Quelle, ohne Custom-Build.
Eigenentwicklung
Frontend wird selbst gebaut
Native GraphQL-Anbindung
Hygraph-Inhalte direkt in Laioutr-Layouts
Content Federation aus Drittsystemen
Inhalte aus Commerce, ERP, PIM und externen APIs in einem unified Graph zusammenführen.
Content Federation
Commerce, ERP, PIM und Drittsysteme im GraphQL-Schema
Über App Store
Drittsysteme als Apps anbindbar
Native Commerce-Backend-Integrationen für Storefront-Rendering
Direkte Anbindung an Commerce-Engines für die Storefront-Auslieferung.
Über Federation oder Frontend
Daten im Graph, Render-Logik im separaten Frontend
19+ Backends
Nativ vorintegriert für Rendering
Storefront-Funktionen ohne externes Frontend
Liefert die Plattform selbst einen lauffähigen Storefront, oder braucht es ein zusätzliches Frontend-Framework?
Externes Frontend erforderlich
Next.js, Nuxt, Remix oder ähnliches
Eigenständiger Storefront
Inklusive PDP, Listing, Cart, Checkout
API-First Content-Delivery
Inhalte über REST und GraphQL für jeden Channel ausspielen.
GraphQL-nativ
Queries und Mutations als Kern-API
REST und GraphQL
Bring Your Own Frontend-Framework
Wahlfreiheit beim JavaScript-Framework des Frontends.
Framework-agnostisch via GraphQL
Vue, React, Next, Nuxt, Remix u. v. m.
Optimierter eigener Stack
Vorintegriert mit Studio und UI-Library
Content für Mobile, IoT und Wearables
Inhalte über Web hinaus auf native Apps, Voice und IoT ausspielen.
Voll Multi-Channel
Web, Apps, IoT, Voice über GraphQL
Web-fokussiert
Storefront-Web mit Headless-API
Content-Modellierung & Editorial-Workflow
Wie tief ist das Content-Modell, und wie unterstützt die Plattform Redaktions-Teams?
Strukturiertes Content-Modell mit Referenzen
Schema-Builder, References, Validations und Field Editors für komplexe Inhalts-Architekturen.
Sehr ausgereift
Schema-Builder, References, Field-level Permissions
Mutations API (Content schreiben über GraphQL)
Inhalte programmatisch über die API erstellen, aktualisieren und löschen.
GraphQL Mutations
Vollständige Schreib-API als Standard
Über Management-API
Approval-Workflows & Releases
Mehrstufige Freigabeprozesse und gebündelte Releases für Content-Teams.
Multi-Locale & Übersetzungs-Workflow
Native Mehrsprachigkeit und Integrationen zu Übersetzungs-Tools.
Locale-level i18n
Locale-Limits je Plan beachten
Asset-Management mit Image-Service
Zentrale Medien-Bibliothek mit Bild-Optimierung und Varianten.
Visual Editing & Storefront-Building
Wie schnell entstehen produktive Seiten, und was kommt out-of-the-box mit?
Visual Editor mit Live-Preview
Echte Vorschau der Inhalte im Layout, nicht nur Form-basiertes Editing.
Hygraph Studio
Visual Editing für Content-Teams
Laioutr Studio
Inklusive ab Growth-Plan
Drag-and-Drop Page-Building ohne Code
Marketing-Teams bauen Seiten ohne Entwickler-Ticket.
Eingeschränkt
Page-Building primär dev-getrieben
Vorgefertigte Storefront-Themes
Produktive E-Commerce-Vorlagen, sofort einsatzbereit.
Außerhalb Plattform-Scope
Themes leben im separaten Frontend
E-Commerce UI-Library out-of-the-box
PDP, Listing, Cart und Checkout als fertige Bausteine.
Custom-Build im Frontend
Laioutr UI
PDP, Listing, Cart, Checkout inklusive
Time-to-Live für produktiven E-Commerce-Storefront
Time-to-Market vom Projektstart bis Go-Live.
12+ Wochen
Mit separatem Frontend-Build
4–8 Wochen
Mit Themes und UI-Library
KI & Automation
Welche KI-Features bringen die Plattformen mit?
Eingebauter KI-Agent für Storefront-Operations
Nativer KI-Assistent für Layouts, Workflows und Commerce-Optimierung.
Larry
Inkludiert ab Growth-Plan
AI-Features für Content-Erstellung
KI für Texte, Übersetzungen und Inhalts-Transformation.
Hygraph AI
Content-Generation und Übersetzung
Automatisierte Übersetzung
Inhalte über Sprachen und Märkte automatisiert synchronisieren.
Conversational / Agentic Commerce ready
Vorbereitet für KI-Agenten und konversationelle Shopping-Erlebnisse.
Über GraphQL-API
Logik im Custom-Frontend
Hosting, Compliance & DACH-Fokus
Wie sicher und wie nah am DACH-Markt arbeiten die Plattformen?
EU-Hosting verfügbar
Datenhaltung innerhalb der Europäischen Union.
DSGVO-konforme Datenhaltung
Datenverarbeitung gemäß europäischer Datenschutz-Grundverordnung.
WCAG 3.0 ready für Storefront
Vorbereitet auf den neuesten Web-Accessibility-Standard.
Frontend-abhängig
Compliance liegt im separaten Frontend
Headquarter & Markt-Fokus
Wo sitzt das Unternehmen, und welcher Markt steht im Fokus?
Deutschland (Birkenfeld)
Deutsche Wurzeln, internationaler Kundenfokus
Deutschland
DACH-First Produktentwicklung und Support
DACH-spezifisches Customer Success Team
Lokales Team mit Marktverständnis für Deutschland, Österreich und die Schweiz.
AVV / DPA standardmäßig
Standard-Auftragsverarbeitungsverträge nach DSGVO.
Support & Onboarding
Wie schnell ist Hilfe verfügbar, und wie strukturiert läuft der Start?
Strukturiertes Onboarding inklusive
Geführter Setup- und Migrationsprozess als Bestandteil des Plans.
Im Enterprise-Plan
24/7 Support verfügbar
Rund-um-die-Uhr-Erreichbarkeit für kritische Vorfälle.
Im Enterprise-Plan
Geschäftszeiten plus Eskalation
Slack Connect-Support
Direkter Support-Kanal über Slack statt Ticket-System.
Plus-Plan und höher
Founder-Direktkontakt erreichbar
Direkter Draht zu den Gründern bei Eskalationen.
Eingeschränkt
GraphQL-Developer-Community
Größe und Aktivität der Developer-Community.
Aktiv
GraphQL-First Developer-Community
DACH-fokussiert, wachsend
Preis-Struktur
Wie planbar sind die Gesamtkosten für eine produktive E-Commerce-Lösung?
Transparente Plan-Struktur auf der Website
Pläne und Leistungsumfang öffentlich einsehbar.
Hobby / Growth / Scale / Enterprise
Scale und Enterprise per Custom-Quote
Growth / Pro / Enterprise
Pläne ansehen
Free-/Community-Plan verfügbar
Kostenfreier Einstieg für Tests und kleine Projekte.
Hobby kostenlos
Begrenzte API-Calls und Records
Growth-Plan ab Listenpreis
Vollständige SaaS-Plattform inklusive
Page-View-basierte Skalierung statt Nutzer-Pricing
Preise wachsen mit eurem Traffic, nicht mit der Team-Größe.
API-Calls / Records / User Hybrid
Mehrere Limits parallel
Add-ons und versteckte Kosten
Wie planbar bleibt die Total Cost of Ownership?
Plan-abhängig
Locales, User, API-Calls, Federation als Limits
Minimal
Total Cost of Ownership inklusive Storefront
Wie planbar bleibt die Gesamtkostenrechnung für eine produktive E-Commerce-Lösung?
Höher
Plus separates Frontend, Hosting und Dev-Aufwand
Planbar
Storefront, Studio und Backend-Connectors inklusive

All data is based on publicly available information, insights from sales conversations with DACH e-commerce brands, and our own platform testing. As of April 2026. Hygraph features may have evolved since then.

Top 3

Top 3 reasons for Laioutr as the frontend layer for Hygraph brands

1. Native GraphQL connectivity to Hygraph without a custom frontend

Hygraph queries, schemas, references, and federated content from commerce backends, ERP, and PIM flow via the native Laioutr connection directly into layouts, product pages, and campaign templates. No separate Next.js, Nuxt, or Remix project to maintain, no parallel render frontend to operate. Hygraph stays the federated content graph, Laioutr takes over delivery.

2. Storefront in weeks, not months

Hygraph delivers, with Content Federation, a unique GraphQL graph across all content and commerce sources, but no storefront. Brands traditionally build the e-commerce frontend themselves. With Laioutr, that custom build falls away: themes, UI library, PDP, listing, cart, and checkout are built in. Hygraph brands go productive in four to six weeks, instead of budgeting twelve to sixteen weeks of frontend engineering.

3. Marketing self-service across the entire storefront

Hygraph is primarily a developer-first tool that opens up schema and federation for your engineering teams. Laioutr Studio brings this content into productive storefront layouts where marketing and content teams work without a dev ticket. Landing pages, promo banners, and product worlds are created via drag-and-drop, and Hygraph stays the single source of truth in the background.

WHY WE USE LAIOUTR

What other customers say about us

"The frontend is the key to successful digital experiences — and for us, Laioutr is the decisive lever for consistently unlocking that potential. Using AI, we improve performance, automate processes, and craft personalized interactions that noticeably boost engagement, loyalty, and conversions. We can roll out new ideas fast, optimize based on data, and give our customers an experience that stands out from the competition. The collaboration is a genuine partnership — fast and on equal footing."

DB
Daniel B.

"In e-commerce, performance and conversion decide success or failure – and that's exactly where Laioutr delivers. Since deploying the platform, our storefronts load noticeably faster, with clear effects on Core Web Vitals, bounce rates, and conversion. We can roll out new landing pages, campaigns, and product worlds in days instead of weeks, without tying up developer resources. That gives us the speed today's market demands. Working with the Laioutr team is pragmatic, data-driven, and on equal footing – that's how modern frontend should work."

MT
Marcel T.
FREQUENTLY ASKED QUESTIONS

Frequently asked questions about Laioutr and Hygraph

No. Laioutr is explicitly built as a frontend layer for Hygraph brands. Your engineering and editorial teams keep working in Hygraph (schema builder, mutations, federation, releases, Studio). Laioutr handles rendering in the e-commerce storefront. Both systems stay in their respective roles and complement each other.

Laioutr connects natively to the Hygraph Content API via GraphQL. Schemas, references, federated sources, and asset service URLs are available in Laioutr Studio as content sources. Your marketing and editorial teams can embed Hygraph content directly into Laioutr layouts, including live preview and stage-specific content stages.

Hygraph Studio is optimized for schema modeling and content editing: schema builder, references, federated data sources, field-level permissions. Laioutr Studio is optimized for storefront composition: themes, page templates, product pages, and campaign layouts with embedded commerce components and native backend integrations. In practice, a brand team works in both tools, because they solve different jobs.

Hygraph alone is enough for setups where your engineering team builds and operates a custom frontend itself and where the GraphQL federation is the central value. Laioutr complements Hygraph when you (1) want a productive e-commerce storefront in weeks instead of months, (2) need native connectivity to commerce backends like Shopify, Shopware, commercetools, or Adobe Commerce as the render layer, or (3) want marketing teams to roll out storefront pages without a dev ticket.

Content Federation stays the core of your Hygraph investment. Federated sources are consumed in Laioutr just like native Hygraph content: via the GraphQL API. Laioutr rounds out the picture with the render layer and the native commerce backend integrations needed for storefront delivery (for example, cart, checkout, and real-time inventory).

Setups with an existing Hygraph account and an established backend (Shopify, Shopware, commercetools, Adobe Commerce) typically go productive with Laioutr in four to six weeks. The Hygraph content flows directly into the storefront via the native GraphQL connection, and the custom frontend build falls away entirely.

As a rule, no. Hygraph models are bound in Laioutr layouts as content components. In the migration workshop, we assess which models map 1:1 to Laioutr sections and which need small adjustments to render cleanly in storefront templates.

Reusable components, design tokens, and style guides can be carried over via the Laioutr UI library. Laioutr takes over the render logic itself, and the custom frontend stack can be scaled back or reduced to pure GraphQL consumers. Custom logic either moves into Laioutr layouts or as an app into the Laioutr App Store.

Both platforms come from Germany, host in the EU, and are GDPR-compliant. Laioutr hosts on Laioutr Cloud (EU, Frankfurt), on Vercel, or in your own hosting environment, as you prefer. Both systems provide a DPA. WCAG 3.0 Ready on the frontend layer is a Laioutr commitment, because Hygraph delegates delivery to the frontend.

Both systems are licensed separately: Hygraph according to your plans (Hobby, Growth, Scale, Enterprise), Laioutr according to Growth, Pro, or Enterprise. In the combined setup, you save the custom frontend build and the ongoing engineering costs for an in-house frontend, which is usually the biggest lever for Total Cost of Ownership.

Yes. Our onboarding is set up for Hygraph brands. An architecture workshop, mapping your Hygraph models and federated sources to Laioutr sections, a migration plan for the old custom frontend, and hands-on guidance through to go-live are standard.