Team Webdev Praesentation
Unsere technische Architektur - kurz erklaert
Netlify + Gatsby
- Statisches Bundle liegt weltweit auf Content Delivery Network (CDN)-Knoten, wird direkt ausgeliefert.
- Keine Datenbankzugriffe zur Runtime; Serverless Functions laufen nur bei Bedarf.
- Infrastruktur skaliert automatisch, Wartung entfällt.
- Deploy = Git-Push, keine Serveradministration notwendig.
Typischer PHP-Monolith
- Läuft auf wenigen virtuellen Maschinen (VMs) mit direkt angebundener Datenbank.
- Jede Anfrage wird dynamisch gerendert und belastet Anwendung sowie Datenbank.
- Skalierung erfordert zusätzliche Server, Load-Balancing und Session-Handling.
- Updates bedeuten oft Downtime und manuellen Konfigurationsaufwand.
- Updates des Frameworks durch Codechanges oft nur schwer möglich
Vergleich auf einen Blick
- Microservice-Architektur macht Bauteile austauschbar
vs Monolith muss komplett umgebaut oder ausgetauscht werden
- Edge-Caching liefert Inhalte sofort, Monolith berechnet jede Seite.
- Isolierte Functions + Web Application Firewall erhöhen Sicherheit; Monolith bleibt angreifbar.
- Git-Deploys in Minuten statt nächtlicher Wartungsfenster.
- Wartungsarm und kosteneffizient versus komplexe Serverpflege.
Build-Pipeline & Monitoring
- Build startet manuell / nach Zeitplan
- Während des Builds werden frische Contentful/Algolia-Daten gezogen.
- “Continous Integration” analysiert Log-Ausgaben, erkennt Fehler automatisch.
- Fehler werden in MS Teams gepostet, damit Product Owner sofort informiert sind.
Backend
- Automatisierte ETL-Prozesse sammeln Daten aus zahlreichen Nachbarsystemen, normalisieren und transformieren sie.
- Eine zentrale Aggregationsschicht speist die bereinigten Datensätze in Algolia-Indizes ein.
- Frontend ruft ausschließlich Algolia ab und erhält konsistente, vorgefilterte Inhalte.
- Neue Quellsysteme lassen sich per Konnektor einbinden, ohne das Frontend anzupassen.
Der nächste Schritt fuer das Frontend - Next.js
- Dynamische Content Updates ohne neuen Build.
- Optimierung der Sichtbarkeit der Inhalte für Suchmaschinen
- Eingebaute Bild-Optimierung, neueste React-Features und Smart Routing steigern Performance & Developer Experience.
DDOS-Resilienz
- Global verteiltes Netlify CDN–kein Single Point of Failure
- Gatsby liefert rein statische Assets–keine dynamische Angriffsfläche