prerender = true für statische Seiten
Exportieren Sie prerender, um statisches HTML für Seiten zu generieren, die sich zum Anfragezeitpunkt nicht ändern.
prerender = true für statische Seiten ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 2 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 Prerendering ist
Beim Prerendering wird statisches HTML bereits zur Build-Zeit für Seiten erzeugt, die sich nicht pro Anfrage ändern.
Pro Seite aktivieren
Exportieren Sie prerender = true aus +page.js oder +page.server.js.
export const prerender = true;Für die gesamte Website
Setzen Sie prerender im Root-Layout, um es standardmäßig für alle Bereiche zu aktivieren.
// +layout.js
export const prerender = true;Dynamische Routen
Geben Sie entries an, um die Werte dynamischer Parameter aufzulisten.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Automatische Erkennung
SvelteKit folgt beim Prerendering Links, um weitere Routen automatisch zu erkennen.
Statische Hosts
Prerenderte Ausgaben funktionieren auf jedem statischen Host. Kombinieren Sie sie mit adapter-static für vollständig statische Websites.
Hybride Apps
Kombinieren Sie prerenderte Marketingseiten und dynamische App-Seiten im selben SvelteKit-Projekt.
Kosten zur Build-Zeit
Viele dynamische Routen führen zu längeren Builds. Verwenden Sie bei sehr großen Projekten selektives Prerendering.
Geeignet für
Marketing, Dokumentation, Blogs und E-Commerce-Produktseiten mit stabilen Daten.
Nicht geeignet für
Personalisierte Dashboards, Echtzeitdaten und alles, was benutzerspezifisch ist.
Invalidierung
Statisches Prerendering erfordert einen erneuten Build, um Inhalte zu aktualisieren. Kombinieren Sie es mit ISR oder Revalidate-APIs für aktuelle Daten.
Kurze Überprüfung
Wie aktivieren Sie Prerendering für eine Seite?
Zusammenfassung
Exportieren Sie prerender = true, um zur Build-Zeit statisches HTML für schnelle, cachebare Seiten zu erzeugen.
Häufig gestellte Fragen
Ist die Lektion „prerender = true für statische Seiten“ kostenlos?
Ja — der vollständige Text von „prerender = true für statische Seiten“ 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 „prerender = true für statische Seiten“?
Exportieren Sie prerender, um statisches HTML für Seiten zu generieren, die sich zum Anfragezeitpunkt nicht ändern. 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 2 von 4.
Wie lange dauert die Lektion „prerender = true für statische Seiten“?
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
- Universelles vs. server-only load
- prerender = true für statische Seiten
- ssr = false für Client-only-Seiten
- Island-Architektur