PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Schritt 1 von 5

Konfigurieren Sie Ihren headless CMS-Editor

Erzaehlen Sie uns von Ihrer Content-API - wir empfehlen die passende Editor-Vorlage und die CMS-Plugins dazu.

01Projekttyp

Wähle das aus, was am besten zu deinem Build passt – es filtert unsere Empfehlungen.

02Was brauchen Sie von uns?

Das beeinflusst nur, was wir Ihnen als Naechstes zeigen - spaeter aenderbar.

Erforderlich

03E-Mail

Wir speichern Ihre Konfiguration und senden Ihnen einen Link zum Fortsetzen.

Erforderlich
Beantworten Sie beide Fragen und geben Sie Ihre E-Mail an, um fortzufahren.

Was du bekommst

  • Konfigurierter GrapesJS-Editor mit CMS-orientiertem Preset
  • Benutzerdefinierter Speichermanager für deine CMS-API (REST oder GraphQL)
  • Strukturierte Inhaltsvorlagen mit verschlossenem Gerüst
  • Asset Manager, der an Ihre Medienbibliothek angeschlossen ist
  • Entwurfs-/Veröffentlichungs-Workflow-Aktionen

Empfohlene Plugins

Diese Plugins werden als Teil dieses Build-Typs vorkonfiguriert und getestet.

Webseiten-Voreinstellung
Semantische Blockkomponenten, die sauber strukturierte Inhaltstypen zuordnen
Benutzerdefinierter Codeblock
Raw-Embed-Unterstützung für Drittanbieter-Widgets und Medien-Embeds
Tabs-Plugin
Tab-besetzte Inhaltsabschnitte für mehrformatige redaktionelle Layouts
Tooltip-Plugin
Hinweise im Editor-Modus, um Inhaltsautoren bei Feldbeschränkungen zu orientieren

Häufig gestellte Fragen

Wie verbindet sich GrapesJS mit unserer Content-API?
Über einen benutzerdefinierten Storage Manager, der das Inhaltsformat Ihres CMS liest und schreibt. Wir konfigurieren den Adapter bei der Einrichtung, um das Component-JSON von GrapesJS auf Ihr Schema abzubilden und HTML auf Abruf für das Frontend zu rendern.
Können Editoren mit strukturierten Inhaltstypen arbeiten – nicht nur mit freiem HTML?
Ja. Wir erstellen gesperrte Komponentenvorlagen, die zu Ihren Inhaltstypfeldern passen. Editor können die Struktur nicht durchbrechen – sie füllen die Inhaltsplätze, und GrapesJS serialisiert nach der erwarteten Form deiner API.
Verarbeitet der Editor Rich Text, Tabellen und eingebettete Medien?
Ja – das Rich Text Editor-Plugin bietet Inline-Formatierung, Tabellen und Einbettungen. Wir konfigurieren erlaubte Formate pro Inhaltstyp, sodass redaktionelle Einschränkungen im Editor und nicht nur bei der Validierung durchgesetzt werden.
Wie können wir Inhalte vor der Veröffentlichung vorschauen?
Wir fügen einen Vorschau-Button hinzu, der das aktuelle JSON in die Entwurf-API Ihres CMS POSTET und die Live-Vorschau-URL in einem neuen Tab öffnet. Es wird kein separater Vorschauserver benötigt.
Kann der Editor auf mehrere Kanäle – Web, E-Mail, Mobilgeräte – ausgeben?
Mit einem kopflosen Setup ja. GrapesJS speichert ein kanalunabhängiges JSON-Dokument. Deine Rendering-Schicht interpretiert sie für jeden Kanal. Wir können kanalspezifische Exportprofile im Editor konfigurieren.
Mit welchen CMS-Plattformen wird das integriert?
Jedes CMS mit einer REST- oder GraphQL-API: Contentful, Sanity, Strapi, DatoCMS, Directus oder eine benutzerdefinierte API. Wir konfigurieren während der Einrichtung die Speicher- und Medienadapter für Ihr spezielles CMS.
Was sind die typischen Kosten für ein headless CMS-Editor-Setup?
Headless CMS-Setups beginnen bei $700, einschließlich des CMS-Presets und der Speicheradapterkonfiguration. Vollständige Setups mit strukturierten Inhaltstypen, Medienverarbeitung und Veröffentlichungsworkflow laufen typischerweise mit $1,200–$2,500.

GrapesJS vs. Alternativen

AusstattungGrapesJSWebflowUnbounceElementor
Open-Source / MIT-Lizenz
Einbettbar in deiner App
Keine SaaS-Gebühren pro SitzNur Plugin
Ausgabe: MJML / E-Mail HTML
Individueller Speicheradapter
Headless-CMS-IntegrationTeilweiseTeilweise
White-Label (ohne Branding)
Plugin / Komponenten-SDK