adapter-static für statische Websites
Prerendern Sie Ihre gesamte Website mit adapter-static als statische Dateien.
adapter-static für statische Websites ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was adapter-static macht
Prerendering Ihrer App erzeugt statische HTML-, CSS- und JS-Dateien, die jeder Static-Host bereitstellen kann.
Installieren
Ersetzen Sie adapter-auto in svelte.config.js.
npm install -D @sveltejs/adapter-staticKonfigurieren
Verwenden Sie es in Ihrer svelte.config.js.
import adapter from "@sveltejs/adapter-static";
export default { kit: { adapter: adapter() } };Alle Seiten prerendern
Fügen Sie ein Root-Layout hinzu, das Prerendering überall aktiviert.
// +layout.js
export const prerender = true;Dynamische Routen
Statische Websites können dynamische Parameter nicht zur Anfragezeit bereitstellen. Verwenden Sie den Export entries, um sie aufzulisten.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Kein Server
Mit adapter-static können Sie keine Form-Aktionen oder Server-Endpunkte verwenden.
Hosting
Stellen Sie Ihre App auf Netlify, Vercel, Cloudflare Pages, GitHub Pages oder einem beliebigen S3-ähnlichen Host bereit.
SPA-Modus
Verwenden Sie die Fallback-Option für einen clientseitig gerouteten SPA-Modus ohne Prerendering.
adapter({ fallback: "index.html" })Performance
Statische Websites sind besonders schnell und lassen sich kostengünstig in großem Maßstab hosten.
Einschränkungen
Kein SSR pro Anfrage, keine Form-Aktionen. Verwenden Sie clientseitige Fetches für dynamische APIs.
Einsatzbereiche
Marketing-Websites, Dokumentationen, Blogs und Portfolios.
Schnelltest
Was erzeugt adapter-static?
Zusammenfassung
Verwenden Sie adapter-static, um SvelteKit-Apps als statische Websites zu prerendern und kostengünstig sowie schnell zu hosten.
Häufig gestellte Fragen
Ist die Lektion „adapter-static für statische Websites“ kostenlos?
Ja — der vollständige Text von „adapter-static für statische Websites“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „adapter-static für statische Websites“?
Prerendern Sie Ihre gesamte Website mit adapter-static als statische Dateien. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.
Wie lange dauert die Lektion „adapter-static für statische Websites“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- adapter-static für statische Websites
- adapter-node für Node.js-Server
- adapter-vercel und adapter-cloudflare
- Erstellen und Vorschau anzeigen