Der Headless Drupal Stack, mit dem Frontend Development Spaß macht! Dank des komponenten-orientierten Ansatz, können einfach Vue Komponenten im Frontend eingesetzt werden! Und mit Nuxt-Framework gibt es eine ready-to-go Integration in performantes, flexibles Frontend Framework, mit flexiblen Deployment-Optionen (statisch, oder server-rendered).
Der funktionsreiche Headless Drupal-Stack Lupus Decoupled kombiniert Drupal mit einem kompletten Nuxt-Frontend. Es bietet eine vollständige, integrierte Lösung und behält dabei viele Drupal-Funktionen bei, wie z.B. Authentifizierung, Vorschau, nice-URLs oder Metatag-Generierung.
Der Open-Source Headless Drupal Stack Lupus Decoupled steht auf Drupal.org zur Verfügung: https://www.drupal.org/project/lupus_decoupled
Aufgrund der komponenten-orientierten API funktionieren viele Drupal-Funktionen, einschließlich Authentifizierung, Vorschau, Metatag-Generierung, nice-URLs oder der Drupal-Layout-Builder, weiterhin.
Dank des fertig einsetzbaren Frontend-Setups auf Basis von Nuxt.js is man sofort startklar. Das vielseitige Vue.js-Framework Nuxt ermöglicht die Entwicklung performanter Frontends.
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. Dies ermöglicht eine schnelle, robuste und preiswerte Umsetzung.
Headless Drupal bedeutet meist 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 und viel Aufwand für die Erstellung von Funktionen, die in Drupal eigentlich bereits bestehen, investiert werden muss. Hier setzt Lupus Decoupled Drupal an:
Dank des komponenten-orientierten Ansatzes des Lupus Custom Elements Renderer-Moduls können Drupal Seiten mittels high-level Frontend Komponenten ("Custom Elements") aufgebaut werden und als JSON ausgeliefert werden, so dass das Frontend die Komponenten dann einfach darstellen kann. Dieser Ansatz bietet folgende Vorteile:
Viele Drupal Funktionen bleiben erhalten - Authentifikation, Vorschau, Nice-URLs oder die Generierung von Meta-Tags.
Es ist Redakteuren möglich, 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.
Es besteht volle Kompatibilität mit bestehenden Drupal Lösungen zu Page-Level Caching und Cache Invaldation - optimal für eine gute Performance!
Bei der Umsetzung erfolgreicher Digitalprojekte ist es mittlerweile State of the Art auch auf eine großartige User-Experience zu setzen. Moderne JavaScript Frameworks erreichen dies, indem 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 Drupal 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. Wir haben es uns als Ziel gesetzt, dieses Problem durch den komponentenorientierten Ansatz von Lupus Decoupled Drupal zu minimieren. Der Zuspruch und die nachfolgenden Diskussionen bei Drupal-Events und die Abrufe unserer dazugehörigen Blog-Beiträge zeigen, dass wir mit diesem Ansatz einen Nerv getroffen haben.
