Know-How

06. März 2024

Neue Webplattform mit Headless umgesetzt

In unserem neuesten Erfahrungsbericht beleuchten wir, wie eine Headless-Architektur es ermöglicht, ein digitales Erlebnis zu schaffen, das sowohl in puncto Design als auch Performance neue Massstäbe setzt.
cms
Ausgangslage vom Projekt

Ein marktführendes Unternehmen im Photovoltaik-Bereich strebte danach, seine Online-Präsenz durch eine moderne, leistungsorientierte und intuitiv verständliche Plattform zu verbessern. Diese wurde durch die Integration von Drupal 10 und Next.js realisiert und dient nicht ausschliesslich als digitale Visitenkarte des Unternehmens, sondern auch die Schaffung eines nahtlosen Nutzererlebnisses, unterstützt durch eine robuste Infrastruktur, die auf zukünftiges Wachstum ausgerichtet ist. Die Headless-Architektur hat folgende Vorteile geboten:

Skalierbarkeit: Nahtloses Nutzererlebnisses

Durch die Entkopplung der Backend-Inhaltsspeicherung von der Frontend-Präsentationsschicht ermöglicht das Headless CMS die unabhängige Skalierung jedes Inhalts. Headless CMS folgen dem System «einmal erstellen, überall veröffentlichen», das es Unternehmen ermöglicht, Inhalte für verschiedene digitale Kanäle bereitzustellen:

  • Websites
  • mobile Apps
  • E-Mail-Kampagnen
  • Digital Signage usw.
Geschwindigkeit: Mehr Performance dank Headless

Die Verwendung eines statischen Website-Generators ermöglicht es den Teams, ein Content-Management-System zu nutzen und gleichzeitig statische Web-Assets bereitzustellen, die schnell und leistungsstark sind. Die Headless-Technologie kann einen erheblichen Vorteil bieten, da sie ein client-seitiges Rendering ermöglicht. Das bedeutet, dass die Bereitstellung der Inhalte auf dem Gerät oder im Browser des Benutzers erfolgt, wodurch die serverseitige Verarbeitung reduziert wird.

Schlussfolgerung aus dem Projekt

Die nahtlose Integration eines Headless-CMS (Drupal 10) mit einem Frontend-Framework (React/Next.js) hat es dem Kunden ermöglicht, einen Headless-Ansatz zu verfolgen, ohne dass die Redaktionserfahrung darunter leidet. Eine hervorragende Lösung sowohl für die Redakteure als auch für die Entwickler. Positiv zeigte sich diese Variante in einer verbesserten Leistung und schnellere Reaktionszeiten. Der Vorteil von Headless für unseren Kunden ist die Implementierung einer modernen Architektur, welche die Flexibilität der Komponenten erhöht. Diese Anpassungsfähigkeit macht ihn nicht nur zukunftssicherer, sondern rüstet ihn auch für die Herausforderungen von morgen.