Using a Static Page Generator (SPG)


Diese Aufgabe ist deutlich offener und explorativer als viele der anderen Aufgabe. Ziel ist es, über eine erste Implementierung ein Gefühl für SPGs zu entwickeln und sich mit der Arbeitsweise und dem dahinterliegenden Konzept vertraut zu machen.

Hierfür haben wir ein Repo mit Beispielinhalten aus der Schwerpunktwebsite «Weaving the Web» aus dem Medieninformatik Master extrahiert und bereit gestellt. Außerdem haben wir Startercode für Eleventy bereit gestellt. Dieser nutzt das Eleventy Base Blog Repo von Zach Leatherman und erweitert es um die BuildChain und Projektstruktur aus dem laufenden Modul. Die Implementierung nutzt derzeit Nunjucks als Template Sprache.

Aufgabe(n)

Erzeugen Sie mit Hilfe eines Static Page Generators eine generierte Website auf Basis der Beispielinhalte. Das Layout ist nachrangig und kann frei gewählt/ gestaltet werden.

Falls Sie den Startercode für Eleventy nutzen, wäre auch ein Refactoring zur Mustache Templatesprache interessant.

Versuchen Sie im nächsten Schritt eine möglichst saubere und effiziente Projektumgebung aufzubauen.

Static Page Generators

Hier eine filterbare Übersicht über SPGs: StaticGen - A List of Static Site Generators for Jamstack Sites

Und hier eine Auswahl an SPGs:

Das Urgestein:

Konsequente Weiterführung von Vue.js:

Der Schnelle:

Der Leichtgewichtige:

Der Spezielle:

Material