Sveltejs Academy · Lektion

prerender = true för statiska sidor

Exportera prerender för att generera statisk HTML för sidor som inte ändras vid anropstillfället.

Lektion 2 av 413 steg

prerender = true för statiska sidor är en gratis lektion i Sveltejs Academy på CoddyKit. Detta är lektion 2 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Sveltejs Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Sveltejs Academy innehåller totalt 4 lektioner.

Vad prerendering är

Prerendering genererar statisk HTML vid byggtid för sidor som inte ändras per begäran.

Aktivera per sida

Exportera prerender = true från +page.js eller +page.server.js.

export const prerender = true;

För hela webbplatsen

Ange prerender i root-layouten för att aktivera det som standard överallt.

// +layout.js
export const prerender = true;

Dynamiska routes

Ange entries för att lista värdena för dynamiska parametrar.

export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }

Automatisk upptäckt

SvelteKit följer länkar under prerendering för att automatiskt upptäcka fler routes.

Statiska hosts

Prerenderat resultat fungerar på alla statiska hosts. Kombinera med adapter-static för helt statiska webbplatser.

Hybrida appar

Blanda prerenderade marknadsföringssidor med dynamiska appsidor i samma SvelteKit-projekt.

Kostnad vid byggtid

Många dynamiska routes innebär längre byggtider. Prerendera selektivt när skalan är mycket stor.

Passar bäst för

Marknadsföring, dokumentation, bloggar och e-handelsproduktsidor med stabila data.

Undvik för

Personliga dashboards, realtidsdata och allt som är specifikt för en användare.

Invalidering

Statisk prerendering kräver en ny build för att uppdatera innehållet. Kombinera med ISR eller API:er för omvalidering för färska data.

Snabbkontroll

Hur aktiverar ni prerendering för en sida?

Besvara frågan i den interaktiva lektionen

Sammanfattning

Exportera prerender = true för att generera statisk HTML vid byggtid och få snabba, cachebara sidor.

Gratis att börja

Lär dig HTML med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 41
Lektioner: 163

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”prerender = true för statiska sidor” gratis?

Ja – hela texten till ”prerender = true för statiska sidor” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Sveltejs Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Sveltejs Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”prerender = true för statiska sidor”?

Exportera prerender för att generera statisk HTML för sidor som inte ändras vid anropstillfället. Ni övar på Sveltejs Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Sveltejs Academy?

Du behöver inga förkunskaper. Utbildningen i Sveltejs Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 2 av 4.

Hur lång tid tar lektionen ”prerender = true för statiska sidor”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Sveltejs Academy-lektionen?

Ja. Varje Sveltejs Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till Sveltejs Academy