A

• Statisch, wird nicht mehr vom Server geändert

• Wird vor jedem (Re-)deploy neu generiert

• Typischerweise mithilfe eines Static Site Generator (SSG)

Markup

• Verantwortlich für die dynamischen Komponenten

• Nur client-seitig

• Framework-/Libraryunabhängig

Javascript

• Interaktionen mit der Seite werden über APIs gehandhabt

• Werden via JavaScript und HTTPs aufgerufen

• Oftmals Microservices, Serverless Functions oder ähnliches

APIs

TL;DR

Erstelle deine Website

via SSG

Simplicity

• Nur statische HTML-Dateien, kein .php / .py / ...
• Man braucht keinen Server*
• Keine komplizierten Deploy-Pipelines mehr

*hosting via. GitHub pages oder Netlify

Security

Performance

• Bessere Time to first Byte durch CDN
• Einfache Cache Invalidation
• Schnellere Antwortzeit da statisches HTML
• Optimal für SEO

Cost

• Keine Servergebühren
• Kostenloses Hosting (via Netlify oder GH Pages)
• Serverless APIs werden nutzungbasiert abgerechnet

Schnellebige dynamische Daten