Refine
Year of publication
- 2022 (2)
Document Type
- Bachelor Thesis (2)
Language
- German (2) (remove)
Has Fulltext
- yes (2)
Is part of the Bibliography
- no (2)
Keywords
- Headless CMS (2) (remove)
Institute
Open Access
- Closed (1)
- Closed Access (1)
Diese Bachelorarbeit befasst sich mit dem Thema Headless CMS. Zunächst wird ein theoretischer Überblick über das Themengebiet gegeben, indem die Funktionsweise von Headless CMS und genutzten Technologien sowie die Unterschiede zu traditionellen WCMS erläutert werden. Zusätzlich werden in diesem Zusammenhang vor allem auch die Vor- und Nachteile dieser Systeme sowie deren sinnvolle Einsatzgebiete beleuchtet. Des Weiteren werden drei ausgewählte Systeme (Decoupled Drupal, Contentful und Strapi) analysiert und verglichen. Im praktischen Teil der Arbeit wurde ein Prototyp eines rechtlichen Informationsportals implementiert, das die Inhalte über eine Schnittstelle von einem Headless CMS abfragt.
Diese Thesis umfasst mit dem hybriden Rendering, Headless CMS und Progressive Web Apps drei moderne technologische Ansätze aus dem Bereich der Webentwicklung. Ziel der vorliegenden Arbeit ist es dabei, auf Basis eines Einblicks in die Grundlagen des modernen Web Developments zunächst die drei Konzepte einzeln zu betrachten, zu analysieren, Vor- und Nachteile herauszustellen und deren technologische Möglichkeiten zu erklären, um schließlich auch das Zusammenspiel dieser, derzeit relevanten Entwicklungsansätze im Hinblick auf die zugrunde liegende Forschungsfrage zu untersuchen: Ist es möglich verschiedene, aktuelle Trends der Webentwicklung sinnvoll miteinander zu kombinieren und so auf Basis eines Headless CMS, einem Frontendframework für verschiedene Renderingmethoden und der Idee der Progressive Web Apps eine performante und benutzerfreundliche protoytpsiche Web-applikation zu implementieren? Um dies zu überprüfen, wurde auf den zuvor erarbeiteten theoretischen Grundlagen mit MovieRec eine WebApp als interaktives Filmportal konzipiert und schlussendlich mit einem entsprechenden Technologiestack implementiert. Diese Schritte sowie die Umsetzung der Kernfunktionen der Anwendung wurden dabei anhand von Codeausschnitten erklärt.