Senior Full-Stack-Entwickler & Berater · TYPO3-zertifiziert (TCCD) · Headless CMS & Frontends

Verantwortlich für die strategische Erweiterung und Migration der Typo3-Website der Technischen Hochschule von v10 auf v12, um höchste Sicherheitsstandards, verbesserte Performance und optimierte Erweiterungsmöglichkeiten zu gewährleisten. Hierbei habe ich umfassende Backend-Optimierungen für Redakteure vorgenommen und neue Features implementiert, darunter eine Frontend-Eingabemaske zur Erstellung und Filterung von Weiterbildungskursen in einem geschützten Login-Bereich. Diese Funktionalitäten wurden mit Typo3, Fluid und PHP umgesetzt, um eine skalierbare und wartbare Lösung zu gewährleisten. Im Rahmen der Typo3-Entwicklung wurden Unit-Tests mit PHPUnit durchgeführt, um die Code-Qualität und Funktionsweise sicherzustellen.

Ich integrierte zudem Matomo Analytics zur technischen Datenbereitstellung für die Webseitenoptimierung, inklusive einer datenschutzkonformen Cookie-Banner-Einbindung.

Ein Kernpunkt dieses Projekts war die Etablierung einer automatisierten CI/CD-Pipeline auf GitLab. Diese Pipeline, die Docker-Images erstellt und ein Zero-Downtime-Deployment auf dem VPS ermöglicht, dient der Containerisierung und Orchestrierung der Anwendung, was die Entwicklungszyklen drastisch beschleunigte und die Zuverlässigkeit erhöhte. Innerhalb dieses Workflows wurden Abhängigkeiten installiert und Assets (CSS und JS) mit Webpack gebuildet, was eine effiziente Verarbeitung und Bereitstellung der Frontend-Ressourcen sicherstellte. Die Anwendung von Sass ermöglichte dabei eine strukturierte und wartbare Gestaltung der Benutzeroberfläche.

Für die agile Entwicklung dieses Projekts, insbesondere im Kontext von MicroApp-Architekturen, war die Anwendung von Scrum-Arbeitsweisen und Code Reviews essenziell, um eine hohe Code-Qualität und effiziente Zusammenarbeit zu gewährleisten. Die Implementierung erfolgte unter Verwendung von verteilten Versionierungssystemen mit Branches (GitLab), wobei ich aktiv am Resolving von Konflikten innerhalb des Git-Workflows beteiligt war, um einen reibungslosen Entwicklungsprozess sicherzustellen. Die durchgeführten Optimierungen zielten darauf ab, die Performance der interaktiven Benutzeroberfläche zu verbessern und die Skalierbarkeit der Anwendung zu erhöhen. Für das Debugging und Testen der API-Endpunkte kam Postman zum Einsatz.

Genutzte Technologien: Typo3, Fluid, Symfony, PHP, Webpack, Sass, Docker, GitLab, Linux, PHPUnit, Postman.

Für J&F Möbel habe ich ein hochperformantes und skalierbares Onlineshop-System auf Basis von Strapi (Headless CMS) und Nuxt 3 (Frontend) entwickelt. Dieses System ermöglichte eine schnelle Ladezeit, mobile Optimierung und höchste Flexibilität für zukünftige Erweiterungen. Die fundierten Kenntnisse in Vue.js und Nuxt.js waren hierbei entscheidend, um eine interaktive und skalierbare Benutzeroberfläche zu gestalten.

Ein entscheidender Erfolg war die Entwicklung eines internen Tools zur automatisierten Produktpflege: Zuvor mussten tausende Produkte manuell über Excel-Listen gepflegt werden; nun werden sie automatisch über verschiedene APIs und Scraper importiert. Dies reduzierte den Arbeitsprozess von mehreren Tagen auf lediglich eine Stunde und gewährleistete eine exzellente Datenqualität. Darüber hinaus implementierte ich Funktionen zum Abgleich von Produktinformationen (Bilder, Beschreibungen, Lieferzeiten) aus verschiedenen, teils passwortgeschützten Zuliefererportalen, was die Aktualität der Shopdaten dramatisch verbesserte und einen erheblichen Zeitersparnis für J&F Möbel generierte. Ergänzt wurde dies durch eine komfortable CSV-Importfunktion innerhalb eines geschützten Airtable-ähnlichen Tools zur manuellen Datenmanipulation. Diese internen Tools und die serverseitigen Scraper wurden unter Nutzung von Node.js und Express.js entwickelt, was eine robuste und effiziente Datenverarbeitung ermöglichte.

Ich verfüge über nachgewiesene Erfahrung mit Headless CMS-Systemen und deren Integration in Webanwendungen, wie die Anbindung von Strapi an das Nuxt 3 Frontend in diesem Projekt eindrucksvoll zeigt. Die Datenmodellierung und Fehlerbehandlung innerhalb der RESTful-API-Kommunikation war hierbei ein zentraler Aspekt, um die konsistente und sichere Datenübertragung zwischen Frontend und Backend zu gewährleisten. Zudem wurden Caching-Mechanismen implementiert, um die Ladezeiten zu optimieren und die Performance des Shops zu steigern. Für das Debugging und Testen der API-Endpunkte kam Postman zum Einsatz.

Die Anwendung von Sass für die Gestaltung der Benutzeroberfläche, in Verbindung mit HTML5 und JavaScript in der aktuellen Version, gewährleistete ein modernes und responsive Design. Das Deployment erfolgte über Docker-Container und Coolify, was die Containerisierung und Orchestrierung der Anwendung sicherstellte und ein effizientes und zuverlässiges Deployment ermöglichte. Das Projekt nutzte zudem verteilte Versionierungssysteme (GIT) zur Koordination der Entwicklung.

Genutzte Technologien: Strapi, Nuxt3, Express, Node.js, Sass, Docker, Linux, Coolify, Cloudflare, GIT, Postman