Netlify + Magnolia = bewährte headless CMS-Frontends

Jetzt ist es offiziell: Magnolia ist ein Technologiepartner von Netlify, und das ist ein Grund zum Feiern für Content-Autoren und Entwickler. Magnolia bietet seinen Nutzern visuelles Content-Authoring und echtes Content-Management der Enterprise-Klasse. Netlify bietet erstklassige Entwickler-Tools und Content-Bereitstellung und verbessert die Website-Performance für JavaScript-basierte Headless-Frontends.

Die neue Netlify-Erweiterung für Magnolia ermöglicht es Autoren, Netlify-Builds einfach und bequem aus Magnolias vertrauter AdminCentral auszulösen.

Abgesehen von den großen Ankündigungen, welche Probleme löst diese Partnerschaft für Sie? Sie löst zwei der größten Hindernisse beim Ansatz des Headless CMS.

Der Headless-Ansatz hat die digitale Marketing- und E-Commerce-Landschaft im Sturm erobert. Grund dafür sind die Effizienzgewinne durch Frontend-JavaScript-Frameworks wie React und die Vorteile einer einzigen Quelle für zukunftssichere Inhalte, die über alle aktuellen und zukünftigen Kanäle genutzt werden können.

Doch für viele Content-Teams war die Erstellung von Inhalten mit Headless CMS ein Hindernis. Anstatt ein Erlebnis zu schaffen, füllen sie ein Formular aus. Diese formularbasierte Praxis ist zu weit von der endgültigen Erfahrung auf der Website oder der mobilen App entfernt. Autoren und Vermarkter haben Schwierigkeiten, die Inhalte zu finden, die sie bearbeiten möchten. Wenn sie Änderungen vornehmen, sind sie unsicher, wo und wie sich diese auf die Website auswirken werden. Und es fehlt ihnen an kreativer Kontrolle. Sollte ein CMS nicht auch nicht-technische Benutzer befähigen?

Magnolias visueller Single-Page-Apps (SPA)-Editor bietet WYSIWYG-Erfahrungsmanagement, das saubere Inhalte produziert, die in allen Headless-Anwendungsfällen nutzbar sind. Autoren haben wieder die Kontrolle. Dieser hybride Headless-Ansatz stärkt die Autoren und lässt Entwickler mit einer REST-API und dem Frontend-Framework und Tool-Stack ihrer Wahl arbeiten.

Wenn Sie ein intuitives Authoring-Erlebnis, eine ausgefeilte Wiederverwendung von Inhalten benötigen oder wenn die Integration mit anderen Systemen für das Projekt entscheidend ist, sollten Sie Magnolia unbedingt testen. Holen Sie sich eine kostenlose 30-Tage-Testversion.

Das zweite Hindernis für den Erfolg eines Headless-Projekts ist die ordnungsgemäße Bereitstellung des entkoppelten Frontends. Stellen Sie sich Folgendes vor:

Sie sind begeistert von der Idee eines Headless CMS. Einer Ihrer Hauptgründe ist die Freude der Entwickler und die Effizienz der Arbeit mit React oder einem anderen JavaScript-Framework zur Erstellung Ihres Frontends. Sie starten Ihre SPA-basierte Website, und sie sieht gut aus und funktioniert großartig! Bis auf ... hmm, sie braucht lange zum Laden, und ... autsch, warum sinken unsere Suchmaschinen-Rankings, und ... oje, warum zeigen Twitter und andere Social-Media-Posts, die auf unsere Seite verlinken, nicht unseren Lead-Text und unser Bild?

Netlify löst diese Probleme mit der statischen Website-Generierung (SSG), die auch als "Jamstack-Ansatz" bezeichnet wird. Mit SSG rendern Sie jede Ansicht oder Seite Ihres Frontends vor und erstellen statische HTML-Dateien für jede mögliche URL Ihrer Website oder App. Dies erleichtert Suchmaschinen-Crawlern die Indizierung Ihrer Website, was die Suchmaschinenoptimierung (SEO) vereinfacht, und ermöglicht es Social-Media-Bots, die Meta-Informationen zu erhalten, die sie für die Anzeige geeigneter Vorschauen benötigen. Außerdem wird dadurch die erste Seite so schnell wie möglich geladen.

Sobald der statische Inhalt geladen und dem Benutzer angezeigt wurde, kann die Seite die Frontend-SPA laden und in Aktion treten, um weitere Interaktionen zu verarbeiten. Erfahren Sie hier mehr über den Jamstack.

Netlify macht dies möglich, indem es den Frontend-Build ausführt, alle statischen HTML-Seiten erstellt oder aktualisiert und sie in seinem CDN bereitstellt, sobald Sie Code-Änderungen in Ihrem Git-Repository vornehmen oder den Inhalt in Ihrem CMS ändern.

Und lassen Sie sich von dem Wort "statisch" nicht täuschen. Statische Builds lösen die oben genannten Probleme, aber die Website kann trotzdem eine SPA ausführen. Dank der Frontend-Techniken und Netlify Edge, dem fortschrittlichen Content- und Application-Management-Netzwerk (CDN/ADN), können Sie sogar Personalisierung, A/B-Tests und andere dynamische Aktivitäten durchführen.

Die neue Netlify-Erweiterung für Magnolia vervollständigt das Bild. Wann immer ein Vermarkter oder Autor Inhalte in Magnolia veröffentlicht, kann er sich für "Build on Netlify" entscheiden und angeben, an welche Websites er sie verteilen möchte. Wenn die Veröffentlichung genehmigt wird, löst Magnolia den Netlify-Build automatisch aus.

Räumen Sie die Hindernisse aus dem Weg und geben Sie jedem in Ihrem Team die Möglichkeit, das zu tun, was er tun muss. Lassen Sie die Entwickler den Headless-Ansatz wählen und ihr Frontend-Framework selbst bestimmen. Gleichzeitig geben Sie Vermarktern und Content-Autoren visuelle Werkzeuge an die Hand, mit denen sie die Erfahrung kontrollieren und Builds auslösen können, ohne die IT-Abteilung oder Entwickler um Hilfe bitten zu müssen. Magnolia bietet ein Headless CMS für Jamstack, das Content-Autoren und Entwicklern genau das gibt, was sie beide brauchen, um ihre Arbeit richtig zu erledigen.

Mit der Zusammenarbeit von Magnolia und Netlify hat Ihr Team die Werkzeuge, die es braucht, um großartige und erfolgreiche digitale Erlebnisse zu schaffen und zu liefern.