Lupus Decoupled Drupal - The power of Drupal, with a modern frontend
Lösungen
Projektbeschreibung
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
Projektziele und -ergebnisse
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.
Herausforderungen
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!
Community-Beiträge
Das in Wien ansässige Unternehmen drunomics verfügt über langjähriges Know-how, um Drupal-Projekte für Enterprise-Unternehmen, Medien und internationale Organisationen umzusetzen.Wir ( https://www.drupal.org/drunomics ) sind daher sehr daran interessiert, an Open-Source-Projekten rund um Drupal und seinen Contrib-Modulen mitzuwirken.
Das Projekt Lupus Decoupled Drupal wird als eine Reihe von Basismodulen und Konfigurationen implementiert, ähnlich einer Distribution. Durch die Umsetzung als Modul ist es jedoch einfacher, bestehende Drupal-Installationen in ein Decoupled Setup umzuwandeln. Darüber hinaus soll es in Verbindung mit bereits vorhandenen Installationsprofilen wie dem Standardprofil oder Umami, dem Drupal-Demonstrationsprofil, funktionieren.
Lupus Decoupled steht auf Drupal.org zur Verfügung und wird als Open-Source Lösung offen mit der Community entwickelt:
https://www.drupal.org/project/lupus_decoupled
Abgesehen davon sind wir Mitglied der Drupal Association und der Drupal Austria Association sowie regelmäßig Sponsor von Drupal Events, wie Drupal Europe, Drupalcon Lille und diversen Drupal Camps. Wir helfen bei der Organisation diverser Events (Drupal Developer Days Vienna, Drupal Austria Meetups, Drupal Camp Vienna, DrupalCon Community Day Vienna, Drupal Dev Days). Mehr dazu auf unserer drupal.org-Unternehmensseite: https://www.drupal.org/drunomics
Warum sollte dieses Projekt die Splash Awards gewinnen?
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.