---
title: "Page Builder für Magnolia: Seiten visuell bauen | Laioutr"
canonical_url: "https://www.laioutr.com/page-builder-magnolia"
locale: de
meta:
  description: "Page Builder für Magnolia: Laioutr liefert visuellen Editor und schnelles Frontend für Magnolia-Inhalte. Ohne FreeMarker-Templating, DSGVO-konform."
  "og:description": "Page Builder für Magnolia: Laioutr liefert visuellen Editor und schnelles Frontend für Magnolia-Inhalte. Ohne FreeMarker-Templating, DSGVO-konform."
  "og:title": "Page Builder für Magnolia: Seiten visuell bauen | Laioutr"
---

Magnolia x Laioutr

# Page Builder für Magnolia: visueller Editor und schnelles Frontend

Seiten visuell bauen, ohne FreeMarker-Templating für jede Seite

Mehr Tempo und Gestaltungsfreiheit für Magnolia-Websites: Magnolia bleibt das CMS, Laioutr liefert Page Builder und Frontend.

[Demo anfragen](https://www.laioutr.com/contact)

![Laioutr: visueller Editor und Frontend für Magnolia](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:2048/auto_image/cmnprarasrd0e07mk1d6yx8em)

Partner begleiten die Umsetzung von Magnolia-Frontends mit Laioutr.

[![Best it](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:360/auto_image/cmix5spa5b1w807mil223s722)](https://www.bestit.de/ "Best it") [![Datrycs](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:360/auto_image/cmmadi4tvbwvo07jruwbnp77v)](https://www.datrycs.com/ "datrycs") [![Valantic](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:360/auto_image/cmn66fjx185su07mgyojaxmlc)](https://www.valantic.com/ "valantic")

5/5

OMR Reviews

70+

Frontend-Komponenten

Lighthouse 100

Performance ab Tag 1

Made in EU

DSGVO-konform ab Werk, EU-Hosting verfügbar

PAGE BUILDER FÜR MAGNOLIA

## Was ein Page Builder für Magnolia leistet

Magnolia ist eine leistungsstarke, auf Java aufgebaute DXP: Inhalte, Redaktions-Workflows, Rechte, Multi-Site und Mehrsprachigkeit sind ihre Stärke. Was oft fehlt, ist ein modernes, visuelles Frontend, das Marketing- und Redaktions-Teams ohne FreeMarker-Templating bedienen. Hier setzt Laioutr an: als visueller Page Builder und Frontend-Ebene, die Magnolia-Inhalte über die Content Delivery API (REST/GraphQL) ausliest und in einer schnellen Website ausspielt. Magnolia bleibt das führende System, Laioutr liefert das Frontend. Zusätzlich ist Laioutr selbst ein integriertes Headless CMS: Content Collections, Studio und Frontend in einer Plattform, etwa für Kampagneninhalte, die nicht in Magnolia gepflegt werden sollen.

[Strategiegespräch vereinbaren](https://www.laioutr.com/contact)

### 1. Backend bleibt Magnolia

Magnolia verwaltet weiter Inhalte, Seiten, Komponenten, Rechte, Redaktions-Workflows, Multi-Site und Übersetzungen. Die Magnolia-Apps und etablierte Prozesse bleiben unverändert, mit allen Modulen und Workflows.

### 2. Frontend-Option wählen

Für das Frontend gibt es mehrere Optionen: klassisches FreeMarker-Templating, ein Headless-Setup (Content Delivery API) mit eigenem Frontend, eine Eigenentwicklung oder einen Page Builder wie Laioutr. Jede Option hat Vor- und Nachteile.

### 3. Inhalte fließen über die Content Delivery API in Echtzeit

Kein Datenduplikat, keine Sync-Konflikte. Laioutr liest Magnolia-Inhalte über die Content Delivery API (REST und GraphQL) aus und rendert sie, inklusive Mehrsprachigkeit und Multi-Site.

FRONTEND-OPTIONEN

## Welche Frontend-Optionen gibt es für Magnolia?

Magnolia liefert mit FreeMarker-Templating, dem Java-Unterbau und der Content Delivery API die Bausteine, aber kein fertiges, visuell bedienbares Frontend-Produkt für Nicht-Entwickler. Damit stellt sich bei jedem Magnolia-Projekt die Frontend-Frage. Vier Optionen sind etabliert.

[Strategiegespräch vereinbaren](https://www.laioutr.com/contact)

### 1. FreeMarker-Templating (klassisch)

Der klassische Magnolia-Weg: Templates in FreeMarker, Konfiguration über die Magnolia-Templating-Definitionen. Volle Integration, aber jede Layout-Änderung läuft über die Entwicklung. Sinnvoll für stabile Seiten mit seltenen Änderungen oder Teams mit tiefer Magnolia- und Java-Expertise.

### 2. Magnolia Headless (Content Delivery API) mit eigenem Frontend

Die Content Delivery API liefert Magnolia-Inhalte als REST/GraphQL. Das Frontend entsteht entkoppelt in Eigenregie: maximale Freiheit, aber Design-System, Komponenten und Pflege liegen beim eigenen Team. Sinnvoll mit einem passenden Frontend-Team.

### 3. Eigenentwicklung (Next.js oder Nuxt)

Maximale Kontrolle, höchster Aufwand: eine sechs- bis zwölfmonatige Build-Phase und dauerhafte Wartung durch ein internes Frontend-Team, das die Magnolia Content Delivery API selbst anbindet. Sinnvoll, wenn Frontend-Engineering zur strategischen Kernkompetenz gehört.

### 4. Laioutr Page Builder

Visueller Page Builder und Frontend-Plattform mit 70+ Komponenten und Anbindung an Magnolia, Cloud Hosting in der EU als Add-on verfügbar. Schnelle Time-to-Launch, flache Lernkurve, Marketing und Redaktion bauen Seiten selbst. Sinnvoll für einen schnellen Go-live ohne Investition in eine Eigenentwicklung.

USE CASES

## Use Cases: Laioutr auf Magnolia

Laioutr ist auf Magnolia-Setups ausgelegt, die schnell verändert und skaliert werden müssen: von der Corporate-Website über Multi-Site-Portfolios bis zu Kampagnen-Landingpages mit hohem Redaktionsaufkommen.

[Strategiegespräch vereinbaren](https://www.laioutr.com/contact)

### Multi-Site & Multi-Domain auf einem Magnolia

Magnolia ist stark bei Multi-Site: mehrere Websites, Marken und Domains aus einer Instanz. Laioutr macht daraus eigenständige Frontends: ein Komponenten-Pool, viele Markenauftritte, jeweils mit eigenem Design.

### Kampagnen- und Landingpages ohne Ticket

Marketing baut Landingpages visuell aus fertigen Bausteinen, ohne FreeMarker-Template und ohne Entwickler-Ticket. Inhalte kommen aus Magnolia, das Layout entsteht im Page Builder.

### Mehrsprachige Websites

Magnolia verwaltet Übersetzungen und Sprachversionen, Laioutr spielt sie konsistent aus. Sprachen, Layouts und Inhalte sind pro Site steuerbar und kompatibel mit dem Magnolia-Sprachkonzept.

### Content-getriebene Sites & Redaktion im großen Stil

Magnolia verwaltet strukturierte Inhalte, Komponenten und Redaktionsprozesse. Laioutr spielt sie als schnelles Frontend aus, passend für content-intensive Sites mit vielen Redakteurinnen und Redakteuren.

### Relaunch ohne Eingriff in die Backend-Konfiguration

Ein bestehendes Magnolia-Frontend erneuern, ohne Seitenstruktur, Rechte oder Redaktionsprozesse anzufassen. Migration in Phasen, mit klarem Rollback-Plan.

### Neue Magnolia-Projekte schnell live

Neues Magnolia-Projekt, frischer Start. Mit Blueprints, Themes und der UI-Bibliothek geht das Projekt in Wochen live, statt Monate in eine Eigenentwicklung zu investieren.

LAIOUTR ODER EIGENENTWICKLUNG

## Page Builder für Magnolia oder Eigenentwicklung: der Vergleich

Beide Wege führen zu einem entkoppelten Frontend auf Magnolia. Die Eigenentwicklung (Next.js oder Nuxt auf der Magnolia-API) gibt maximale Kontrolle, kostet aber eine sechs- bis zwölfmonatige Build-Phase und dauerhafte Wartung. Laioutr liefert Studio und 70+ Komponenten, mit voller Code-Erweiterbarkeit für Sonderfälle; Cloud/Edge Hosting ist als Add-on verfügbar. Der Unterschied liegt in Time-to-Launch, Wartungslast und der Frage, wer Seiten bauen kann.

Preisplanvergleich

| Unterschiede vergleichen | Laioutr Page Builder | Eigenentwicklung (Next.js / Nuxt) |
| --- | --- | --- |
| Laioutr Page Builder Eigenentwicklung (Next.js / Nuxt) |
| Builder und Komponenten Was ab Werk enthalten ist und was selbst aufgebaut werden muss. |
| Visueller Page Builder Drag-and-drop-Editor für Marketing- und Redaktions-Teams. | Enthalten (Studio) Live-Vorschau, komponentenbasiert | Nicht enthalten Eigenbau oder externes Tool |
| Frontend-Komponenten Vorgefertigte UI-Bausteine für Seiten, Landing- und Content-Pages. | 70+ Komponenten Design-Token-basiert, anpassbar | Selbst aufbauen Komplette UI-Bibliothek selbst entwickeln |
| Blueprints und Themes Startpunkt für neue Websites ohne Greenfield-Aufwand. | Blueprints und Themes Start-Sites je Branche plus Design-Themes, voll erweiterbar | Greenfield Designsystem komplett selbst aufbauen |
| Hosting Wo das Frontend ausgeliefert wird und wer es betreibt. | Add-on: Cloud/Edge Hosting EU-Hosting verfügbar, kein separater Deploy | Selbst hosten Vercel, AWS, eigene Infrastruktur |
| Architektur und Compliance Wie flexibel die Plattform ist und was regulatorisch abgedeckt ist. |
| Backend-Flexibilität Welche CMS- und Commerce-Backends sich anbinden lassen. | Multi-Backend Magnolia, weitere CMS und Commerce-Systeme | Backend-spezifisch Code an die Magnolia Content Delivery API gebunden, Wechsel teuer |
| Performance und Core Web Vitals Wie viel Aufwand für Lighthouse-100-Niveau nötig ist. | Ab Werk Lighthouse 100 als Zielwert | Manuelles Tuning Performance-Engineering durch das Team |
| BFSG und WCAG 3.0 Konformität mit Barrierefreiheitsstärkungsgesetz und WCAG 3.0. | Im Standard WCAG 3.0, BFSG, EN 301 549 | Eigenverantwortung Audit separat erforderlich |
| Datenschutz und Hosting-Region Wo Daten verarbeitet werden und welche EU-Verträge gelten. | DSGVO-konform ab Werk EU-Hosting verfügbar, EU-Standardvertrag, deutschsprachiger Support | Hosting-abhängig Abhängig vom gewählten Hosting |
| Team und Wirtschaftlichkeit Wer mit der Plattform produktiv ist und was sie über die Zeit kostet. |
| Lernkurve Wie schnell ein neues Teammitglied produktiv wird. | Niedrig Redaktion ist in Tagen eingearbeitet | Hoch FreeMarker/Java bzw. React/Vue plus Magnolia-API |
| Time-to-Launch Realistische Zeitspanne bis zum Live-Gang einer neuen Website. | Pilot in 14 Tagen Pilot meist innerhalb von 14 Tagen live, Migration im Median unter 14 Tagen, Founder-begleitet ohne Aufpreis | Monate Sechs- bis zwölfmonatige Build-Phase |
| Ideales Team-Setup Wer mit der Plattform arbeiten kann und wer arbeiten muss. | Cross-funktional Marketing, Redaktion, Design und Entwicklung gemeinsam | Engineering-only Drei oder mehr Frontend-Engineers |
| Preismodell Wie sich Kosten zusammensetzen: Software, Betrieb und Entwicklung. | [SaaS (planbar) Transparente Pläne, Hosting als Add-on](https://www.laioutr.com/de/pricing) [Preise ansehen](https://www.laioutr.com/de/pricing) | Engineering-Kosten Build plus dauerhafte Wartung |

*Vergleich auf Basis eines typischen Mid-Market-Setups, öffentlich verfügbarer Informationen und eigener Plattform-Tests. Stand: Juli 2026. Der konkrete Funktionsumfang hängt vom jeweiligen Magnolia-Projekt und den Anforderungen ab; Magnolia-Funktionen können sich seitdem weiterentwickelt haben.*

EIGENENTWICKLUNG

### Wann eine Eigenentwicklung die richtige Wahl ist

Ein dediziertes Frontend-Team mit Magnolia-, Java- und Content-API-Erfahrung ist vorhanden, mindestens drei Engineers. Es entsteht genau ein Magnolia-Frontend mit stark spezialisierten Anforderungen. Frontend-Engineering gehört zur strategischen Kernkompetenz. Klassischer Fall: eine Marke mit eigenem Engineering-Team und dem Anspruch auf Kontrolle bis ins Pixel.

LAIOUTR

### Wann Laioutr die richtige Wahl ist

Go-live in Wochen statt Monaten, Redaktion und Marketing bauen Seiten eigenständig, mehrere Sites oder Marken laufen auf Magnolia, Magnolia soll bleiben und nur das Frontend wird modernisiert, und BFSG sowie WCAG müssen ohne separates Audit abgedeckt sein. Klassischer Fall: eine Organisation, die ihr Magnolia-Frontend ohne großes Engineering-Investment modernisieren und skalieren will.

![Mit einem Blueprint schneller starten](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:800/auto_image/cmj6yw1p4p99j07l4gu1za1ly)

BLUEPRINTS

## Mit einem Blueprint starten statt bei null

Blueprints sind vorkomponierte Start-Sites je Branche, sofort anpassbar und passend zum Magnolia-Setup: ein Startpunkt für einen schnelleren Go-live.

[Blueprints ansehen](https://www.laioutr.com/blueprints)

UI-VORSCHAU

## Was mit Laioutr auf Magnolia gebaut werden kann

Startseiten, Landingpages, Kampagnenseiten, Content-Seiten, Blogs, Karriere- und Produktseiten und mehr.

[UI-Vorschau entdecken](https://preview.laioutr.com/)

![Laioutr Studio: visueller Editor für Magnolia-Inhalte](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:2048/auto_image/cml81bh8z7qjk07lczs1xft6f)

Unterstützung bei der Umsetzung: Zertifizierte Composable-Partner setzen Frontend-Projekte mit Laioutr um, von Greenfield-Setups bis zum Relaunch bestehender Magnolia-Websites.

[![Best it](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:360/auto_image/cmix5spa5b1w807mil223s722)](https://www.bestit.de/ "Best it") [![Datrycs](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:360/auto_image/cmmadi4tvbwvo07jruwbnp77v)](https://www.datrycs.com/ "datrycs") [![Valantic](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:360/auto_image/cmn66fjx185su07mgyojaxmlc)](https://www.valantic.com/ "valantic")

FAQ

## Häufige Fragen zum Page Builder für Magnolia

Funktioniert Laioutr mit Magnolia (Multi-Site und mehrsprachig)?

Ja. Laioutr liest Magnolia-Inhalte über die Content Delivery API (REST/GraphQL) aus und unterstützt Multi-Site, mehrere Domains und Mehrsprachigkeit, sofern die entsprechenden API-Endpunkte bereitstehen.

Wie unterscheidet sich Laioutr von einer Eigenentwicklung mit Next.js oder Nuxt?

Eine Eigenentwicklung kostet typischerweise sechs bis zwölf Monate Engineering plus dauerhafte Wartung durch ein internes Frontend-Team. Laioutr liefert Studio und 70+ Komponenten sofort einsatzbereit, Cloud/Edge Hosting ist als Add-on verfügbar. Die Time-to-Launch sinkt von Monaten auf Wochen, der Total Cost of Ownership liegt typischerweise deutlich darunter.

Wie unterscheidet sich Laioutr von klassischem FreeMarker-Templating?

FreeMarker ist der klassische Entwickler-Weg: Jede Layout-Änderung läuft über die Entwicklung. Laioutr liefert einen visuellen Builder, fertige Komponenten, Themes und Blueprints, sodass auch Marketing- und Redaktions-Teams Seiten selbst bauen, ohne für jede Änderung ein Ticket.

Wie bindet Laioutr Magnolia an?

Laioutr verbindet sich über die Magnolia Content Delivery API (REST und GraphQL). Unterstützt werden die Standard-Inhalte (Seiten, Komponenten, Navigation, Übersetzungen) plus projektspezifische Endpunkte für individuelle Logik.

Funktioniert Laioutr mit Magnolia Multi-Site?

Ja. Magnolia-Sites werden in Laioutr als eigenständige Frontends behandelt. Pro Site lassen sich Layouts, Inhalte, Sprachen und Domains separat konfigurieren, passend zum Multi-Site-Konzept von Magnolia.

Lassen sich Redaktions-Workflows und Rechte aus Magnolia weiter nutzen?

Ja. Redaktions-Workflows, Rechte und Freigaben bleiben in Magnolia. Laioutr rendert die freigegebenen Inhalte, die Governance bleibt vollständig in Magnolia.

Magnolia hat mit der Content Delivery API selbst eine API, warum dann Laioutr?

Gerade weil Magnolia die Inhalte als API bereitstellt, bleibt die Frontend-Frage offen: Magnolia liefert die Daten, aber nicht das fertige, visuell bedienbare Frontend. Laioutr setzt auf diese API auf und macht das Frontend für Marketing, Redaktion und Entwicklung gemeinsam bedienbar, ohne eigene Frontend-Entwicklung.

Wie lange dauert die Umsetzung mit Laioutr?

Ein Pilot ist meist innerhalb von 14 Tagen live, und die Migration dauert im Median unter 14 Tagen. Founder-begleitete Migration ist Standard, nicht Aufpreis. Bei Multi-Site oder komplexen Anforderungen richtet sich der Zeitrahmen nach dem Umfang.

Was kostet Laioutr im Vergleich zur Eigenentwicklung?

Laioutr arbeitet mit transparenten SaaS-Plänen je nach Traffic und Funktionen. Der Total Cost of Ownership liegt typischerweise unter dem einer Eigenentwicklung, weil Studio, Komponenten und Editor zur Plattform gehören und kein separates Frontend-Team nötig ist. Cloud/Edge Hosting ist als Add-on buchbar und nicht in der Lizenz enthalten.

Lässt sich das Backend später wechseln, ohne das Frontend neu zu bauen?

Ja. Laioutr ist backend-agnostisch. Kommt neben Magnolia später ein weiteres System hinzu, etwa ein Commerce-Backend, wird es über eine API angebunden, statt das Frontend neu zu bauen.

Ist die Lösung BFSG- und DSGVO-konform?

Ja. Laioutr ist DSGVO-konform ab Werk, EU-Hosting ist verfügbar, weitere Regionen auf Anfrage (US, APAC), regionale Daten-Residency ist möglich. Dazu kommen EU-Standardvertrag und deutschsprachiger Support. WCAG und BFSG (Barrierefreiheitsstärkungsgesetz, verbindlich seit 2025) sind im Standard berücksichtigt: Compliance ist eingebaut, nicht nachgerüstet.

Was passiert mit bestehenden Magnolia-Modulen?

Backend-seitige Module (Redaktion, Rechte, Import, Workflows) bleiben unverändert. Frontend-orientierte Funktionen werden typischerweise durch Laioutr-Komponenten oder vorintegrierte Apps ersetzt. Der Modul-Stack wird im Migrations-Audit geprüft.

Ist Laioutr selbst auch ein CMS?

Ja. Laioutr ist zusätzlich ein integriertes Headless CMS: Content Collections, Studio und Frontend in einer Plattform. Mit Magnolia im Einsatz übernimmt Laioutr die Rolle von visuellem Page Builder und Frontend, Magnolia bleibt das führende CMS. Inhalte, die nicht in Magnolia gepflegt werden sollen, etwa für Kampagnen, lassen sich direkt in Laioutr verwalten.

## Aktuelle Insights aus dem Laioutr Blog

[Zu den Insights](https://www.laioutr.com/blogs/insights)

[![Hero magnolia frontend options](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmr4mmhlur5w307mjrh9sw575)<h3>Frontend-Optionen fuer Magnolia: vom CMS zur Live-Storefront</h3>Magnolia ist ein unternehmenstaugliches, Java-basiertes CMS, das du headless betreiben kannst: Es li…](https://www.laioutr.com/blog/magnolia-frontend-options)

[![Header 06 sitecore alternativen](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmottee4m1ogz07mp0xcy3pb7)<h3>Sitecore-Alternativen 2026: Composable, Headless, Visual</h3>Sitecore ist nicht tot, aber Sitecore ist 2026 nicht mehr automatische Standardwahl. Drei Trends hab…](https://www.laioutr.com/blog/sitecore-alternatives)

[![Header 05 headless cms deutschland europa](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmotsyct41bhv07mpmmk78hz8)<h3>Headless CMS aus Deutschland & Europa 2026: die wichtigsten Plattformen</h3>Wer 2026 in der DACH-Region oder in Europa nach einem Headless CMS sucht, hat zwei Optionen: in das …](https://www.laioutr.com/blog/headless-cms-germany-europe)

[![Header 02 composable dxp](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmotoat3vhrmx07l0j7um1q7u)<h3>Composable DXP 2026: Plattformen für Composable Architecture im Vergleich</h3>Composable Digital Experience Platforms (DXP) haben den Markt umgepflügt. Gartner prognostizierte be…](https://www.laioutr.com/blog/composable-dxp-platforms)

[![Magnolia vs laioutr](https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/resize=width:1920,fit:max/auto_image/cmos86xund6o107lcgpbzejf8)<h3>Magnolia-Alternative Laioutr: Schneller, kalkulierbarer und AI-native</h3>Laioutr ist die schneller umgesetzte, kaufmännisch klar kalkulierbare und AI-native Alternative zu M…](https://www.laioutr.com/blog/magnolia-alternative-laioutr)

WEITERLESEN

## Mehr zu Page Buildern und Headless CMS

### Visueller Page Builder

Wie Laioutr als visueller Page Builder mit jedem CMS und Commerce-Backend arbeitet.

[Mehr zum visuellen Page Builder](https://www.laioutr.com/composable-visual-page-builder)

### Headless CMS

Laioutr als integriertes Headless CMS: Content Collections, Studio und Frontend in einer Plattform.

[Mehr zum Headless CMS](https://www.laioutr.com/headless-cms)

### Laioutr und bestehende CMS

Wie Laioutr mit einem bestehenden Content-Management-System zusammenarbeitet.

[Mehr zu CMS-Systemen](https://www.laioutr.com/system/content-management-system-cms)

### Page Builder für TYPO3

Visueller Editor und Frontend für TYPO3 auf Basis von Laioutr.

[Mehr zum Page Builder für TYPO3](https://www.laioutr.com/page-builder-typo3)

### Page Builder für Contentful

Visueller Editor und Frontend für Contentful auf Basis von Laioutr.

[Mehr zum Page Builder für Contentful](https://www.laioutr.com/page-builder-contentful)

NOCH FRAGEN OFFEN?

## Magnolia-Frontend neu denken: mit dem Page Builder von Laioutr

30 Minuten mit dem Laioutr Team: Laioutr live am eigenen Magnolia-Setup erleben und alle Fragen zu Anbindung, Performance und Preisen klären.

[Demo anfragen](https://www.laioutr.com/contact)

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://www.laioutr.com/#identity",
      "name": "Laioutr",
      "legalName": "Laioutr GmbH",
      "url": "https://www.laioutr.com/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.laioutr.com/laioutr-logo.png",
        "width": 400,
        "height": 400
      },
      "email": "info@laioutr.com",
      "telephone": "+49 30 75435715",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Münchweilersteig 5",
        "postalCode": "12559",
        "addressLocality": "Berlin",
        "addressCountry": "DE"
      },
      "vatID": "DE450905846",
      "sameAs": [
        "https://www.linkedin.com/company/laioutr",
        "https://www.youtube.com/@Laioutr",
        "https://x.com/laioutr"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://www.laioutr.com/#website",
      "url": "https://www.laioutr.com/",
      "name": "Laioutr",
      "inLanguage": "de",
      "publisher": {
        "@id": "https://www.laioutr.com/#identity"
      }
    },
    {
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "@id": "https://www.laioutr.com/page-builder-magnolia#webpage",
      "url": "https://www.laioutr.com/page-builder-magnolia",
      "name": "Page Builder für Magnolia: Seiten visuell bauen | Laioutr",
      "description": "Page Builder für Magnolia: Laioutr liefert visuellen Editor und schnelles Frontend für Magnolia-Inhalte. Ohne FreeMarker-Templating, DSGVO-konform.",
      "inLanguage": "de",
      "isPartOf": {
        "@id": "https://www.laioutr.com/#website"
      },
      "breadcrumb": {
        "@id": "https://www.laioutr.com/page-builder-magnolia#breadcrumb"
      },
      "primaryImageOfPage": {
        "@type": "ImageObject",
        "url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmnprarasrd0e07mk1d6yx8em"
      },
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Funktioniert Laioutr mit Magnolia (Multi-Site und mehrsprachig)?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ja. Laioutr liest Magnolia-Inhalte über die Content Delivery API (REST/GraphQL) aus und unterstützt Multi-Site, mehrere Domains und Mehrsprachigkeit, sofern die entsprechenden API-Endpunkte bereitstehen."
          }
        },
        {
          "@type": "Question",
          "name": "Wie unterscheidet sich Laioutr von einer Eigenentwicklung mit Next.js oder Nuxt?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Eine Eigenentwicklung kostet typischerweise sechs bis zwölf Monate Engineering plus dauerhafte Wartung durch ein internes Frontend-Team. Laioutr liefert Studio und 70+ Komponenten sofort einsatzbereit, Cloud/Edge Hosting ist als Add-on verfügbar. Die Time-to-Launch sinkt von Monaten auf Wochen, der Total Cost of Ownership liegt typischerweise deutlich darunter."
          }
        },
        {
          "@type": "Question",
          "name": "Wie unterscheidet sich Laioutr von klassischem FreeMarker-Templating?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "FreeMarker ist der klassische Entwickler-Weg: Jede Layout-Änderung läuft über die Entwicklung. Laioutr liefert einen visuellen Builder, fertige Komponenten, Themes und Blueprints, sodass auch Marketing- und Redaktions-Teams Seiten selbst bauen, ohne für jede Änderung ein Ticket."
          }
        },
        {
          "@type": "Question",
          "name": "Wie bindet Laioutr Magnolia an?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Laioutr verbindet sich über die Magnolia Content Delivery API (REST und GraphQL). Unterstützt werden die Standard-Inhalte (Seiten, Komponenten, Navigation, Übersetzungen) plus projektspezifische Endpunkte für individuelle Logik."
          }
        },
        {
          "@type": "Question",
          "name": "Funktioniert Laioutr mit Magnolia Multi-Site?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ja. Magnolia-Sites werden in Laioutr als eigenständige Frontends behandelt. Pro Site lassen sich Layouts, Inhalte, Sprachen und Domains separat konfigurieren, passend zum Multi-Site-Konzept von Magnolia."
          }
        },
        {
          "@type": "Question",
          "name": "Lassen sich Redaktions-Workflows und Rechte aus Magnolia weiter nutzen?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ja. Redaktions-Workflows, Rechte und Freigaben bleiben in Magnolia. Laioutr rendert die freigegebenen Inhalte, die Governance bleibt vollständig in Magnolia."
          }
        },
        {
          "@type": "Question",
          "name": "Magnolia hat mit der Content Delivery API selbst eine API, warum dann Laioutr?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Gerade weil Magnolia die Inhalte als API bereitstellt, bleibt die Frontend-Frage offen: Magnolia liefert die Daten, aber nicht das fertige, visuell bedienbare Frontend. Laioutr setzt auf diese API auf und macht das Frontend für Marketing, Redaktion und Entwicklung gemeinsam bedienbar, ohne eigene Frontend-Entwicklung."
          }
        },
        {
          "@type": "Question",
          "name": "Wie lange dauert die Umsetzung mit Laioutr?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ein Pilot ist meist innerhalb von 14 Tagen live, und die Migration dauert im Median unter 14 Tagen. Founder-begleitete Migration ist Standard, nicht Aufpreis. Bei Multi-Site oder komplexen Anforderungen richtet sich der Zeitrahmen nach dem Umfang."
          }
        },
        {
          "@type": "Question",
          "name": "Was kostet Laioutr im Vergleich zur Eigenentwicklung?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Laioutr arbeitet mit transparenten SaaS-Plänen je nach Traffic und Funktionen. Der Total Cost of Ownership liegt typischerweise unter dem einer Eigenentwicklung, weil Studio, Komponenten und Editor zur Plattform gehören und kein separates Frontend-Team nötig ist. Cloud/Edge Hosting ist als Add-on buchbar und nicht in der Lizenz enthalten."
          }
        },
        {
          "@type": "Question",
          "name": "Lässt sich das Backend später wechseln, ohne das Frontend neu zu bauen?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ja. Laioutr ist backend-agnostisch. Kommt neben Magnolia später ein weiteres System hinzu, etwa ein Commerce-Backend, wird es über eine API angebunden, statt das Frontend neu zu bauen."
          }
        },
        {
          "@type": "Question",
          "name": "Ist die Lösung BFSG- und DSGVO-konform?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ja. Laioutr ist DSGVO-konform ab Werk, EU-Hosting ist verfügbar, weitere Regionen auf Anfrage (US, APAC), regionale Daten-Residency ist möglich. Dazu kommen EU-Standardvertrag und deutschsprachiger Support. WCAG und BFSG (Barrierefreiheitsstärkungsgesetz, verbindlich seit 2025) sind im Standard berücksichtigt: Compliance ist eingebaut, nicht nachgerüstet."
          }
        },
        {
          "@type": "Question",
          "name": "Was passiert mit bestehenden Magnolia-Modulen?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Backend-seitige Module (Redaktion, Rechte, Import, Workflows) bleiben unverändert. Frontend-orientierte Funktionen werden typischerweise durch Laioutr-Komponenten oder vorintegrierte Apps ersetzt. Der Modul-Stack wird im Migrations-Audit geprüft."
          }
        },
        {
          "@type": "Question",
          "name": "Ist Laioutr selbst auch ein CMS?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ja. Laioutr ist zusätzlich ein integriertes Headless CMS: Content Collections, Studio und Frontend in einer Plattform. Mit Magnolia im Einsatz übernimmt Laioutr die Rolle von visuellem Page Builder und Frontend, Magnolia bleibt das führende CMS. Inhalte, die nicht in Magnolia gepflegt werden sollen, etwa für Kampagnen, lassen sich direkt in Laioutr verwalten."
          }
        }
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://www.laioutr.com/page-builder-magnolia#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Laioutr",
          "item": "https://www.laioutr.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Page Builder für Magnolia: Seiten visuell bauen"
        }
      ]
    }
  ]
}
```

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#webpage",
      "description": "Page Builder für Magnolia: Laioutr liefert visuellen Editor und schnelles Frontend für Magnolia-Inhalte. Ohne FreeMarker-Templating, DSGVO-konform.",
      "name": "Page Builder für Magnolia: Seiten visuell bauen | Laioutr",
      "url": "https://www.laioutr.com/page-builder-magnolia",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "mainEntity": [
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/1"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/2"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/3"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/4"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/5"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/6"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/7"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/8"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/9"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/10"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/11"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/12"
        },
        {
          "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/13"
        }
      ]
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Funktioniert Laioutr mit Magnolia (Multi-Site und mehrsprachig)?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Laioutr liest Magnolia-Inhalte über die Content Delivery API (REST/GraphQL) aus und unterstützt Multi-Site, mehrere Domains und Mehrsprachigkeit, sofern die entsprechenden API-Endpunkte bereitstehen.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wie unterscheidet sich Laioutr von einer Eigenentwicklung mit Next.js oder Nuxt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Eine Eigenentwicklung kostet typischerweise sechs bis zwölf Monate Engineering plus dauerhafte Wartung durch ein internes Frontend-Team. Laioutr liefert Studio und 70+ Komponenten sofort einsatzbereit, Cloud/Edge Hosting ist als Add-on verfügbar. Die Time-to-Launch sinkt von Monaten auf Wochen, der Total Cost of Ownership liegt typischerweise deutlich darunter.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wie unterscheidet sich Laioutr von klassischem FreeMarker-Templating?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>FreeMarker ist der klassische Entwickler-Weg: Jede Layout-Änderung läuft über die Entwicklung. Laioutr liefert einen visuellen Builder, fertige Komponenten, Themes und Blueprints, sodass auch Marketing- und Redaktions-Teams Seiten selbst bauen, ohne für jede Änderung ein Ticket.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/4",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wie bindet Laioutr Magnolia an?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Laioutr verbindet sich über die Magnolia Content Delivery API (REST und GraphQL). Unterstützt werden die Standard-Inhalte (Seiten, Komponenten, Navigation, Übersetzungen) plus projektspezifische Endpunkte für individuelle Logik.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/5",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Funktioniert Laioutr mit Magnolia Multi-Site?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Magnolia-Sites werden in Laioutr als eigenständige Frontends behandelt. Pro Site lassen sich Layouts, Inhalte, Sprachen und Domains separat konfigurieren, passend zum Multi-Site-Konzept von Magnolia.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/6",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Lassen sich Redaktions-Workflows und Rechte aus Magnolia weiter nutzen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Redaktions-Workflows, Rechte und Freigaben bleiben in Magnolia. Laioutr rendert die freigegebenen Inhalte, die Governance bleibt vollständig in Magnolia.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/7",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Magnolia hat mit der Content Delivery API selbst eine API, warum dann Laioutr?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Gerade weil Magnolia die Inhalte als API bereitstellt, bleibt die Frontend-Frage offen: Magnolia liefert die Daten, aber nicht das fertige, visuell bedienbare Frontend. Laioutr setzt auf diese API auf und macht das Frontend für Marketing, Redaktion und Entwicklung gemeinsam bedienbar, ohne eigene Frontend-Entwicklung.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/8",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Wie lange dauert die Umsetzung mit Laioutr?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ein Pilot ist meist innerhalb von 14 Tagen live, und die Migration dauert im Median unter 14 Tagen. Founder-begleitete Migration ist Standard, nicht Aufpreis. Bei Multi-Site oder komplexen Anforderungen richtet sich der Zeitrahmen nach dem Umfang.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/9",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Was kostet Laioutr im Vergleich zur Eigenentwicklung?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Laioutr arbeitet mit transparenten SaaS-Plänen je nach Traffic und Funktionen. Der Total Cost of Ownership liegt typischerweise unter dem einer Eigenentwicklung, weil Studio, Komponenten und Editor zur Plattform gehören und kein separates Frontend-Team nötig ist. Cloud/Edge Hosting ist als Add-on buchbar und nicht in der Lizenz enthalten.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/10",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Lässt sich das Backend später wechseln, ohne das Frontend neu zu bauen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Laioutr ist backend-agnostisch. Kommt neben Magnolia später ein weiteres System hinzu, etwa ein Commerce-Backend, wird es über eine API angebunden, statt das Frontend neu zu bauen.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/11",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Ist die Lösung BFSG- und DSGVO-konform?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Laioutr ist DSGVO-konform ab Werk, EU-Hosting ist verfügbar, weitere Regionen auf Anfrage (US, APAC), regionale Daten-Residency ist möglich. Dazu kommen EU-Standardvertrag und deutschsprachiger Support. WCAG und BFSG (Barrierefreiheitsstärkungsgesetz, verbindlich seit 2025) sind im Standard berücksichtigt: Compliance ist eingebaut, nicht nachgerüstet.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/12",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Was passiert mit bestehenden Magnolia-Modulen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Backend-seitige Module (Redaktion, Rechte, Import, Workflows) bleiben unverändert. Frontend-orientierte Funktionen werden typischerweise durch Laioutr-Komponenten oder vorintegrierte Apps ersetzt. Der Modul-Stack wird im Migrations-Audit geprüft.</p>"
      }
    },
    {
      "@id": "https://www.laioutr.com/page-builder-magnolia#/schema/question/13",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Ist Laioutr selbst auch ein CMS?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Laioutr ist zusätzlich ein integriertes Headless CMS: Content Collections, Studio und Frontend in einer Plattform. Mit Magnolia im Einsatz übernimmt Laioutr die Rolle von visuellem Page Builder und Frontend, Magnolia bleibt das führende CMS. Inhalte, die nicht in Magnolia gepflegt werden sollen, etwa für Kampagnen, lassen sich direkt in Laioutr verwalten.</p>"
      }
    }
  ]
}
```
