All Cars And Bikes (ACAB) Veranstaltungswebsite | Fullstack-Webentwicklung

Website besuchen →
Startdatum:1. Januar 2026
Abschlussdatum:19. März 2026
Next.jsReactTypeScriptTailwind CSSStrapiPostgreSQLDockerNginxHeadless CMSSSRREST APILeaflet.jsWeb SecurityCSPSSLDocker ComposeFullstackEvent-Website

Über das Projekt

Entwicklung einer vollständigen Webplattform für eines der größten Autotuning-Events Deutschlands in Allstedt, Sachsen-Anhalt. Das Projekt umfasst ein Headless-CMS-System mit öffentlichem Frontend und einem redaktionellen Backend für Event-Management.

Technologie-Stack:

  • Frontend: Next.js 16, React 19, TypeScript, Tailwind CSS v4
  • Backend/CMS: Strapi v5 (Headless CMS)
  • Datenbank: PostgreSQL 15
  • Infrastruktur: Docker, Nginx Reverse Proxy, SSL

Features:

  • CMS-gesteuertes Content-Management über dynamische Zonen (Strapi Dynamic Zone)
  • Event-Verwaltung mit Programm, Preisen, Fahrzeugklassen und Preisgeld
  • Galerie mit Lightbox und Slider
  • Interaktive Karte (Leaflet.js)
  • Rennergebnis-Import-System
  • History-Timeline vergangener Events
  • Draft-Preview-Modus für Redakteure
  • SEO-Optimierung: Sitemap, robots.txt, OpenGraph, Twitter Cards
  • Strikte Web-Security: CSP mit Nonce, HSTS, X-Frame-Options, Permissions Policy

Architektur: Headless-CMS-Architektur mit serverseitigem Rendering (SSR) via Next.js. Strapi stellt eine REST-API bereit, die das Frontend dynamisch befüllt. Deployment via Docker Compose hinter einem Nginx-Reverse-Proxy mit automatischem SSL.

Screenshots

Screenshot 1 vom Projekt All Cars And Bikes (ACAB) Veranstaltungswebsite | Fullstack-Webentwicklung - Webentwicklung Showcase
Screenshot 2 vom Projekt All Cars And Bikes (ACAB) Veranstaltungswebsite | Fullstack-Webentwicklung - Webentwicklung Showcase