Pre-Rendering

Vorteile statische Seite:

  • Einfacher zu hosten (einfacher Dateiserver; keine Serverseitige Programmierung)
  • Schnellere Ladezeiten
  • Zuverlässigkeit (weniger Fehleranfällig)
  • Sicherheit (kein Serverseitiger Code; keine Datenbank Zugriffe zur Laufzeit)

Nachteile statische Seite:

  • Wiederholung wiederkehrender Seitenelemente
  • Inhalte statisch

Static Site Generator (SSG)

  • statische Seite neu generieren, wenn sich der Inhalt ändert
  • generierte statische Seiten hosten
  • Seite kann auf dem eigenen Rechner oder mit Cloud Services generiert werden
  • wird aus Source Dateien (Content + Template/Code) generiert
  • Content oft Markdown (andere Quellen möglich)

Auswahl bekannter SSGs

SSGSpracheTemplateseitBesonderheiten
JekyllRubyLiquid2008Github Pages
HugoGoGo2013Geschwindigkeit (durch Go)
GatsbyJavaScript/Node.jsReact.js2015Markdown + React (MDX); Progressive Web App
Next.jsJavaScript/Node.jsReact.js2016statische oder dynamische serverseitig gerenderte React.js Apps
Nuxt.jsJavaScript/Node.jsVue.js2016statische oder dynamische serverseitig gerenderte Vue.js Apps
EleventyJavaScript/Node.jsverschiedene2017JS Alternative zu Jekyll; Anspruch simpel zu sein
PubliiJavaScript/Node.jsHandlebars.js2018mit GUI; Ähnlichkeiten zu WordPress

weitere

Einsatzzweck

Besonders geeignet für überwiegend statische Inhalte, mit geringerer Änderungsfrequenz, z. B. Blog, einfache Homepage, Code Dokumentation, Bücher