CrUAtivity
CrUAtivity ist ein Projekt der Gesamtukrainischen Werbekoalition, das ukrainische Werbekreativität während des Krieges präsentiert. Die Plattform erforderte eine technisch anspruchsvolle Umsetzung mit Headless-Architektur, bei der das Frontend unabhängig vom Backend arbeitet und sofortige Interaktion sowie reibungslose Navigation gewährleistet.
Aufgabe
Eine Webplattform mit React/Next.js-Frontend im Docker-Container und WordPress-Backend (Kundenanforderung) erstellen. Die WordPress REST API für projektspezifische Anforderungen erweitern, dynamische Filterung, endlosen Nachrichten-Scroll und einen Mobile-First-Ansatz umsetzen.
Was wurde gemacht
- Frontend auf React/Next.js mit serverseitigem Rendering für schnelle Erstladungen aufgebaut.
- Docker-Containerisierung auf dem Server mit automatischer Cache-Bereinigung und Monitoring konfiguriert.
- WordPress REST API mit benutzerdefinierten Endpunkten passend zur Projektdatenstruktur erweitert.
- Dynamische Inhaltsfilterung ohne Seitenneuladen mittels React State Management implementiert.
- Endlosen Scroll für den Nachrichtenfeed mit Lazy-Block-Loading und DOM-Optimierung erstellt.
- Interface nach Mobile-First-Prinzip mit progressiver Erweiterung für größere Bildschirme gestaltet.
- Ressourcenladung optimiert: Code Splitting, Bild-Lazy-Loading, Prefetching kritischer Daten.
- Next.js ISR-Caching für die Balance zwischen Inhaltsaktualität und Geschwindigkeit konfiguriert.
- Stabilen Docker-Umgebungsbetrieb mit automatischem Neustart bei Ausfällen sichergestellt.
- Analytik zur Verfolgung von Engagement und Betrachtungstiefe der Inhalte angebunden.
Erzählen Sie uns von Ihrem Projekt