SvelteKit ist das offizielle Meta-Framework für Svelte. Es ergänzt die Bibliothek um alles, was für eine ganze Website nötig ist: Routing, Datenabruf, serverseitiges Rendering und die Auslieferung auf verschiedene Plattformen. Die Version 1.0 erschien im Dezember 2022.
- SvelteKit
Ein Framework auf Basis von Svelte, das Seiten auf dem Server oder beim Bauen erzeugt und über Adapter auf beliebigen Plattformen läuft.
Beispiel: „Die Kampagnenseite ist mit SvelteKit gebaut und wird als statische Dateien ausgeliefert.“Verwandt: Next.js für React und Nuxt für Vue.js, die dieselbe Aufgabe für ihre Bibliotheken übernehmen.
Wie SvelteKit aufgebaut ist
Das Routing ergibt sich aus der Ordnerstruktur unter src/routes. Eine Datei +page.svelte ist die Seite, eine Datei +page.server.js daneben lädt ihre Daten auf dem Server, und +server.js beantwortet Anfragen an eine Schnittstelle.
Gebaut wird mit Vite, das im Entwicklungsbetrieb Änderungen ohne Neuladen in den Browser bringt.
SvelteKit und das Hosting
Über Adapter. Derselbe Code lässt sich als Node.js-Anwendung, als statische Website oder als Funktionen bei Anbietern wie Vercel, Netlify oder Cloudflare ausliefern. Der Adapter übersetzt das Ergebnis in das Format, das die Plattform erwartet.
Je Seite lässt sich festlegen, ob sie beim Bauen vorab erzeugt oder bei jedem Aufruf auf dem Server gerendert wird.
Für wen SvelteKit passt
Für Teams, die Svelte mögen und eine schlanke Alternative zu Next.js suchen. Das Ökosystem ist kleiner als bei React, die ausgelieferten Seiten dafür oft leichter. Wie bei jedem Meta-Framework gilt: Die Entscheidung bindet das Projekt für seine ganze Lebensdauer.