Skip to content

Latest commit

 

History

History
67 lines (47 loc) · 2.17 KB

004-sveltekit.md

File metadata and controls

67 lines (47 loc) · 2.17 KB
Raw

ADR › SvelteKit als Static Site Generator

status accepted
date 2023-07-26
deciders Finn Gedrath

Kontext und Problemstellung

Für Aufgabe 4 soll eine Demo-Anwendung mit hoher Interaktivität erstellt werden. Damit dieser PoC möglichst schnell umgesetzt werden kann, soll ein Framework verwendet werden, das die Entwicklung beschleunigt. Die Anwendung soll als statische Webseite ausgeliefert werden, um die Kosten für den Betrieb möglichst gering zu halten und es mit GitHub Pages (siehe ADR-002) zu hosten.

Entscheidungstreiber

  • Entwicklungsgeschwindigkeit (aufgrund von Vorwissen, Tooling, ...)
  • Funktionsumfang (z.B. SSR, SSG, Routing, ...)
  • Performance (z.B. Ladezeit, ...)

In Betracht gezogene Optionen

  • Svelte mit SvelteKit
  • Eleventy
  • Vue mit Nuxt

Ergebnis der Entscheidung

Gewählte Option: "SvelteKit".

Pro und Kontra der Optionen

Svelte mit SvelteKit

  • 🟢 Gut, weil hohe Reaktivität
  • 🟢 Gut, weil Struktur in Komponenten
  • 🟢 Gut, weil geringer Boilerplate-Code beim Aufbau der Komponenten
  • 🟢 Gut, weil geringer Footprint beim Ausliefern der Anwendung
  • 🟡 Neutral, weil relativ neue Technologie

Eleventy

{Beispiel / Beschreibung / Verweis auf weitere Informationen / ...}

  • 🟢 Gut, weil hohe Anpassbarkeit
  • 🟢 Gut, weil Code agnostisch bleibt
  • 🟡 Neutral, weil keine frontend-seitige Reaktivität

Vue mit Nuxt

{Beispiel / Beschreibung / Verweis auf weitere Informationen / ...}

  • 🟢 Gut, weil Strukturierung der Anwendung
  • 🟢 Gut, weil gute Dokumentation
  • 🟢 Gut, weil Aufbau von interaktiven Komponenten
  • 🟡 Neutral, weil geringe Erfahrungswerte