Über mich

Es gibt immer ein noch größeres Projekt

Unser kleines Team von vier Personen hatte gerade eines der größten Projekte gemeistert, das unsere Agentur je umgesetzt hatte, als direkt das nächste Mammutprojekt vor der Tür stand. Der Umfang dieses neuen Projekts stellte alles Bisherige in den Schatten.

Als Tech Lead des Frontends übernahm ich die Verantwortung für die Architektur des Projekts und die Auswahl der Technologien. Nach der Analyse der Anforderungen und Funktionsbeschreibung entschied ich mich, die Applikation mit Next.js umzusetzen, ein performantes und vielseitiges Framework, das uns maximale Flexibilität bietet und uns nicht im Weg steht. Mit TailwindCSS konnten wir eine schnelle und konsistente UI-Entwicklung sicherstellen, die selbst bei komplexen Projekten eine reibungslose und skalierbare UI-Entwicklung gewährleistet. React Aria half uns, die hohen Anforderungen an Barrierefreiheit und Usability umzusetzen.

Ich koordinierte mit dem Backend-Team den Aufbau und die Dokumentation der API mittels OpenAPI, um eine nahtlose Schnittstelle zwischen Frontend und Backend zu schaffen. Als technischer Ansprechpartner stand ich sowohl für externe Anforderungen als auch interne Umsetzungsmöglichkeiten zur Verfügung und sorgte dafür, dass unser Workflow uns eine produktive und effiziente Arbeitsweise ermöglichte. Zudem war ich für die Qualitätssicherung des Frontends verantwortlich, von Code-Reviews bis hin zu Tests und Performance-Optimierungen.

Nach mehr als einem Jahr war das Ergbnis eine intuitiv bedienbare, barrierefreie und performante Applikation, die alle funktionalen und technischen Anforderungen des Kunden erfüllten. Durch den Einsatz moderner Technologien und Berücksichtigung etablierter Best Practices gelang es uns, eine zukunftssichere Plattform für unseren Kunden zu entwickeln, die langfristig flexibel, erweiterbar und wartungsfähig bleibt.

Frischer Wind in den Segeln

Als Neuankömmling in einem Unternehmen habe ich schnell festgestellt, dass der für Websites verwendete Tech-Stack dringend frischen Wind benötigt. Als CMS wurde ein monolithisches TYPO3 verwendet, das Templates mittels der zwecksgebundenen Fluid Templating Engine verarbeitet, die im Vergleich zu etablierteren Templating Engines außerhalb von TYPO3 keine Verwendung findet. Für das Frontend wurden außerdem jQuery und Bootstrap verwendet - zwei Technologien, deren Benutzung in neuen Projekten sich heutzutage schwer rechtfertigen lässt.

Daraus ergaben sich einige kritische Probleme. Websites hatten eine unzufriedenstellende Performance, was sich auch auf das SEO und somit die Reichweite und den Umsatz unserer Kunden niederschlägt. Projekte schritten nur langsam voran und benötigten vergleichsweise zu viel Zeit, da die Technologien den Workflow sowie die Umsetzungsmöglichkeiten einschränkten.

Ich habe die Initiative ergriffen und eine vorführbare Tech-Demo entwickelt, die auf moderne Technologien setzt und die beschriebenen Probleme umgeht. Da unser Unternehmen auf TYPO3 spezialisiert war, musste eine Lösung gefunden werden, die zu unserem Entwicklerstab passte: ein Headless TYPO3, die mittels einer API mit einem Next.js-Frontend verknüpft werden kann.

Mir war bewusst, dass, um meine Kollegen und die Geschäftsführung zu überzeugen, alle Fragen im Vorfeld geklärt werden mussten: wie bringen wir Next.js dazu, die dynamische Seitenstruktur im TYPO3-Seitenbaum nachzubilden? Wie werden die selbsterstellten TYPO3-Inhaltselemente im Frontend implementiert? Wie integriert man Formulare, deren Konfiguration aus dem TYPO3-Backend kommt? Was ist mit SEO, Sitemaps, Caching?

Der Einsatz von React im Frontend eröffnete uns nicht nur eine neue Welt an Umsetzungsmöglichkeiten, sondern machte unsere Entwicklung auch deutlich effizienter und den Code langfristig wartbarer. Dank des Cachings und Routings von Next.js stieg die Performance und SEO-Freundlichkeit auf ein ganz neues Niveau.

Die von mir ins Leben gerufene Alternative bietet nicht nur eine Verbesserung unserer internen Abläufe, sondern auch ein besseres Produkt für unsere Kunden.

Von Praktikant zum Tech Lead

Im Rahmen eines Praktikums zur Eignungsfeststellung bekam ich die Aufgabe, ein bestehendes Projekt in einem anderen Framework von Grund auf neu aufzubauen.

Es handelte sich hierbei um eine mit Vue.js umgesetzte administrative Oberfläche eines betriebsinternen Tools. Der Zweck des ganzen war es, meine Vorangehensweise und gleichzeitig meine Fähigkeit, mich in mir unbekannte Technologien einzuarbeiten, beurteilen zu können. Ein Übungsprojekt, das bereits zum gleichen Zweck für einige andere Praktikanten benutzt wurde.

Innerhalb von weniger als drei Wochen habe ich mich in React, Meteor.js, DevExtreme und MongoDB eingelesen und das Projekt im vollständigen Funktionsumfang wie gewünscht nachgebaut - unerwarteterweise, denn es war nie beabsichtigt, dass die Übung zu einem praxistauglichen Ergebnis führt.

Die Eignungsfeststellung war ein voller Erfolg. Das neue Projekt hat das existierende Tool vollständig abgelöst, und da es so gut lief, bin ich zur zentralen Ansprechperson für technische Entscheidungen geworden. Obwohl wir keine festen Rollen haben, übernehme ich im Grunde die Verantwortung eines Tech Leads und treffe die wichtigsten Entscheidungen darüber, wie wir Dinge künftig umsetzen.