Die Brücke – soziokulturelles Zentrum 2026

Entity Die Brücke – soziokulturelles Zentrum

Vector Headless Portal / Community Hub

Cycle 2025/2026

Final_Status SYSTEM STATUS: DEPLOYMENT_PHASE. Frontend: Optimized. Data-Model: Scalable. Accessibility: Audit-Ready.

LOG_SUMMARY

Performance-First. Accessibility-Core. Headless-Logic. commit: bridge-reboot-v2.1

**Target Analysis**: Transformation des soziokulturellen Zentrums (Graz) von einem WordPress-Monolithen zu einer hochperformanten Headless-Architektur. Fokus: Verschmelzung von Kultur (Events), sozialen Dienstleistungen (FASS, FED, WASS) und E-Commerce. **System Conflict**: Das alte System (2023) stieß bei der Skalierung der Datentypen und der Performance (Core Web Vitals) an Grenzen. Die Trennung von redaktionellem Content, Event-Logik und Shop-Funktionalität war technisch zu eng verzahnt. ### Mission Objectives: **Headless Decoupling**: Vollständige Trennung von Daten (Directus) und Darstellung (Astro) für maximale Sicherheit und Speed. **Accessibility 2.0**: Umfassende Barrierefreiheit als Kern-Feature, unterstützt durch die Effizienz von Tailwind v4. **Unified Commerce**: Integration von Snipcart (Shop) und Pretix (Tickets) als schlanke, API-basierte Lösungen.

FIX_EXECUTED

Migration der Architektur auf einen modernen Hybrid-Ansatz. Wir nutzen Astro für statische Performance bei Inhaltsseiten und SSR für dynamische Event-Filter. **Data-Layer**: Directus fungiert als Single Source of Truth (SSOT). Wir haben ein striktes TypeScript-Schema implementiert, das die API-Antworten direkt in die Astro-Komponenten typisiert. **UI-Architecture**: Einsatz von Tailwind v4 für ein schlankes CSS-Bundle. Die Integration erfolgt über das neue Vite-Plugin, wobei wir die Design-Konsistenz über CSS-Variablen steuern, statt über eine klassische config-Datei. **Deployment-Security**: Isolierung des Backends via Docker auf Ubuntu 24.04, geschützt durch einen Nginx Reverse Proxy und SSL-Terminierung via Plesk.

Stack_Deployed

> [CORE] Astro (Hybrid Rendering)

> [ENGINE] Tailwind CSS v4 (Vite-Native)

> [BACKEND] Directus Headless CMS (Dockerized)

> [DATABASE] PostgreSQL & Redis

> [COMMERCE] Snipcart & Pretix Integration

> [INFRA] Ubuntu 24.04 LTS / Nginx Proxy / OrbStack

Arch_Ref Astro / Tailwind v4 / Directus

Access_Live_Gateway_