Weaving the Web

Schwerpunkt im Medieninformatik Master

Hybride Static Site Generation mit Astro


Coach
Leander Gerwing
Termin
Dienstag, 10. Juni 2025, 13:00 Uhr
Dauer
~120 Minuten
Raum
3.215

Ziel des Workshops

In diesem Workshop lernen die Teilnehmenden, wie sie mit dem Framework Astro eine moderne Website aufbauen können, die sowohl statische als auch dynamische Inhalte unterstützt. Es werden Vorteile und Nachteile von Static Site Generators (SSG) gegenübergestellt und gezeigt, mit welchen Ansätzen Astro die Nutzung mehrerer Ansätze für gut performende Webseiten ermöglicht. Im Detail stehen folgende Themen im Fokus:

  • Grundlagen von Astro
  • Erstellen von statischen Seiten auf Basis von Astro-Komponenten und Markdown
  • Umgang mit Astro Collections für dynamische Inhalte und Routen
  • Automatische Optimierung von Bildern
  • Nutzung von Astro Islands für interaktive Komponenten
  • Implementierung von Server-Side Rendering (SSR) für dynamische Seiten

Empfohlene Vorkenntnisse

  • JavaScript-Grundkenntnisse
  • Grundkenntnisse in NodeJS
  • Grundlegende Erfahrung im Umgang mit HTML
  • Optional:
    • Erfahrung in komponentenbasierten Frameworks (z. B. Vue, React, Svelte)
    • Erfahrung mit Static Site Generators wie Hugo oder Jekyll
    • Erfahrung mit Express.js

Technische Voraussetzung

  • IDE
  • Node.js v18.20.8, v20.3.0 oder >= v22.0.0
  • Browser (halbwegs neue Version)
  • Git

Material