Headless Drupal CMS
mit Nuxt.js

Der Headless Drupal Stack, welcher die Funktionen von Drupal mit einem modernen Nuxt-Frontend kombiniert.

Warum wir Headless Drupal so lieben!

In der Welt von heute ist eine großartige User-Experience unabdinglich. Moderne JavaScript Frameworks erreichen dies, in dem sie für sofortige Reaktionen und eine fließende Navigation zwischen Seiten sorgen. Darüber hinaus bietet die Kombination von einem Headless Drupal mit einem modernen Javascript Frontend weitere Vorteile:

Flexibilität - Das JavaScript-Frontend kann problemlos mit anderen Tools und Microservices integriert werden.
Performance - Moderne Frontend-Frameworks verfügen über viele Leistungsverbesserungen und kommen mit modernen Tools, die es ermöglichen, die Leistung einfacher zu verbessern. Zum Beispiel durch das Nachladen von JavaScript-Teilen, nur bei Bedarf.
Produktivität - Ein entkoppeltes Frontend ermöglicht es Frontend-Entwicklern, unabhängig vom Drupal-Backend zu arbeiten. Frontend-Entwickler müssen Drupal nicht mehr kennen, sondern können die angenehme Entwicklererfahrung moderner Frontend-Frameworks genießen.
Omnichannel - Dank der API-First-Architektur von Drupal und leistungsstarker Datenmodellierungstools ist das CMS die perfekte Grundlage für das Verwalten von digitalen Erfahrungen auf mehreren Kanälen.

Traditionell gingen bei der Nutzung von Headless-Drupal viele der leistungsstarken Out-of-the-Box-Funktionen von Drupal verloren. Glücklicherweise wird dieses Problem durch den komponentenorientierten Ansatz von Lupus Decoupled Drupal gelindert.

Lupus Decoupled Drupal

Der Open-Source Headless Drupal Stack, welcher die Funktionen von Drupal mit einem modernen Nuxt.js-Frontend kombiniert, steht auf Drupal.org zur Verfügung.

Ein kurzer Überblick:

Dank der komponenten-orientierten API funktionieren viele Drupal-Funktionen, einschließlich Authentifizierung, Vorschau, Metatag-Generierung, nice-URLs oder der Drupal-Layout-Builder, einfach weiterhin.
Sofort startklar - dank dem fertig einsetzbaren Frontend-Setup auf Basis von Nuxt.js! Nuxt, das vielseitige Vue.js-Framework, macht die Entwicklung performanter Frontends zu einer Freude!
Flexible Deployment-Varianten: Mittels eines regulären Node-Servers, oder durch Nutzung der Vorteile der Cloud mittels ServerLess Functions oder der Generierung einer statischen Website!
Die statische Generierung einer Website ermöglicht das Hosting von Websites aus statischen Dateien, die von einem einfachen Webserver oder einem CDN bereitgestellt werden. Schnell, robust und preiswert!

Lupus Decoupled Drupal auf Drupal.org

Komponenten-orientierte API

Headless Drupal benötigt oftmals die Verwendung von JSON-API, oder GraphQL um mit dem Backend zu kommunizieren. Dies resultiert jedoch darin, dass viele Drupal Features nicht im Frontend unterstützt werden. Daher verfolgen drunomics einen Komponenten-orientierten Ansatz mit Hilfe des Lupus Custom Elements Renderer-Moduls. Es erlaubt uns Drupal Seiten mittels high-level Frontend Komponenten ("Custom Elements") aufzubauen, die als JSON ausgeliefert und im Frontend dargestellt werden. Dieser Ansatz bietet folgende Vorteile:

Viele Drupal Features bleiben erhalten - Authentifikation, Vorschau, Nice-URLs und die Generierung von Meta-Tags.
Es kann Redakteuren ermöglicht werden Seiten mittels Layout Builder oder Paragraphs auf Basis von Komponenten zu gestalten, welche via "Custom Elements" dargestellt werden.
Drupal verfügt über die endgültigen URLs der Seiten, wodurch 3rd-Party Integrationen rund um SEO, Social Media und Newsletter weiter genutzt werden können.
Volle Kompatibilität mit bestehenden Drupal Lösungen zu Page-Level Caching und Cache Invaldation - optimal für eine gute Performance!