Frontend-Entwicklung

Infratec (2022)

Digitalwert GmbH
ReactHeadlessGatsbyDatoCMSGraphQLJAMstack

Projektbeschreibung

Entwicklung einer professionellen Unternehmenswebsite für Infratec mit modernen Webtechnologien. Das Projekt markierte meinen Einstieg in die JavaScript-Programmierung und diente als Vorbereitung für das duale Studium.

Technische Implementierung & Innovation

Umsetzung mit React und Gatsby.js für optimale Performance durch Static Site Generation. Integration von DatoCMS als Headless-CMS für flexible Content-Verwaltung. Entwicklung von kundenspezifischen Komponenten wie dem Bildfeldrechner ohne externe Plugins.

Besondere Features

Implementierung eines mehrsprachigen Systems mit vollständiger Lokalisierung. Entwicklung eines Bildfeldrechners als native Komponente ohne iframe-Abhängigkeiten. SEO-Optimierung durch Gatsby's SSG-Funktionalität.

Lernziele & Kompetenzgewinn

Erstes Verständnis des Headless-CMS-Konzepts und der JAMstack-Architektur. Praktische Erfahrung mit React-Komponenten, GraphQL und moderner Frontend-Entwicklung.

Ergebnis

Eine ultra-schnelle, mehrsprachige Website mit 90% Performance-Verbesserung gegenüber der Vorgängerversion. Die Lösung ist wartbar, skalierbar und bietet eine moderne Benutzererfahrung.

Weitere Aktionen