Endlich live! Arndtteunissen mit neuem Webauftritt
11.12.2023
Der Schuster hat ja bekanntlich die schlechtesten Leisten, so sagt man. Nun, die schlechtesten hatten wir bei weitem nicht. Aber so richtig chic und komfortabel war unser Webauftritt u. a. für die redaktionelle Arbeit auch nicht mehr. Und auch die technische Weiterentwicklung war mittlerweile ziemlich mühselig.
Wir haben daher einen neuen Webauftritt für unsere Agentur entwickelt. Dabei haben wir viele Referenzprojekte migriert, überarbeitet, neu strukturiert und teils grundsätzlich neu aufgebaut. Dies gelingt mit einer halbautomatischen Migration und ist ein wirkliches Alleinstellungsmerkmal gegenüber vielen anderen Systemen. Denn neben dem Import von Bildern, Videos und Texten werden diese auch entsprechend nach unseren Designvorgaben in das Layout eingefügt. Dies hat uns hunderte Stunden Arbeit erspart! Auch haben wir Videoinhalte mit einer professionellen Kamerafrau gedreht, um den Agentur Alltag authentisch zu zeigen. Darüber hinaus haben unsere UX/UI Designer die Benutzeroberfläche eleganter und intuitiver gestaltet. Die größten Veränderungen liegen aber in der Technik. An dieser Stelle wird es nun für Webtechnologie-Begeisterte besonders interessant:
Bisher haben wir unseren Webauftritt mit dem erfolgreichen deutschen CMS TYPO3 realisiert. Aber unsere Anforderungen an ein Content Management System für die Agentur haben sich zuletzt stark verändert, so dass wir uns mit Strapi für ein gänzlich neues Headless CMS entschieden haben.
Das ist für einen, auf den ersten Blick, kleinen Webauftritt eine technisch spannende Lösung. Headless Content Management Systeme wie Strapi bieten eine neuartige Flexibilität in der Gestaltung von Webseiten, da sie die Trennung von Backend und Frontend ermöglichen. Dies ermöglicht eine leichtere Anpassung und Integration neuer Technologien, ohne das gesamte System anzufassen. Die klare Abgrenzung von Inhaltserstellung und -darstellung erleichtert die Skalierbarkeit und fördert eine schnellere Entwicklung und Aktualisierung von Webseiten. Zudem erlaubt der Headless-Ansatz die einfache Bereitstellung von Inhalten auf verschiedenen Plattformen und Geräten, da der Content unabhängig vom Präsentationsmedium (Browser am Notebook, Präsentationsmonitor an der Wand, Smartwatch, etc.) ist. Dies macht Strapi zu einer effizienten Wahl für moderne, anspruchsvolle Webprojekte.
Auch im Frontend hat sich bei uns einiges getan.
Durch das Headless-System sind wir im Frontend technologisch völlig frei von Beschränkungen und wir haben uns daher für einen Hybrid SPA+SSR Ansatz entschieden. Das bedeutet dass wir einerseits statische HTML-Seiten generieren, die denkbar schnellste Auslieferungszeiten vom Webserver garantieren und andererseits alle Vorteile der User-Experience einer Single-Page-Applikation liefern können. Konkret setzen wir dafür Nuxt.js ein. Dies ist ein Framework für das Frontend, das auf Vue.js basiert und eine strukturierte, komponentenbasierte Entwicklungsumgebung bietet. Es implementiert standardisierte Konventionen, wie zum Beispiel das File-System-basierte Routing, was die Code-Organisation erleichtert und Entwicklern ermöglicht, sich auf die eigentliche Logik zu konzentrieren.
Ein weiterer Vorteil von Nuxt.js ist die einfache Handhabung von Daten. Das Framework ermöglicht das Definieren von asynchronen Datenfunktionen für jede Seite, die vor dem Rendern aufgerufen werden. Dadurch können Daten von verschiedenen Quellen abgerufen und in den Seitenkomponenten verwendet werden. Dies fördert eine klare Trennung von Daten und Darstellung und erleichtert die Wartung und Erweiterung des Codes.
Besonders spürbar sind die Vorteile von einem JavaScript basiertem Frontend was die Ladezeiten betrifft. Einfach mal den Browser Cache löschen und unsere Seite neu aufrufen und etwas surfen. Garantiert ein flüssiges surfen mit schnell angezeigten Inhalten. Selbst Videos werden smooth eingeblendet als wäre sie nur wenige Kilobyte groß.
Haben Sie Interesse an mehr Informationen zu Headless Content Management Systemen? Sprechen Sie mich gerne an.
Viel Spaß beim Entdecken.
Benjamin Arndt, Geschäftsführung arndtteunissen
