Sveltejs Academy · Lektion

prerender = true til statiske sider

Eksportér prerender for at generere statisk HTML til sider, der ikke ændres ved forespørgsler.

Lektion 2 af 413 trin

prerender = true til statiske sider er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 2 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Sveltejs Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Sveltejs Academy-kurset indeholder 4 lektioner i alt.

Hvad forudgengivelse er

Forudgengivelse genererer statisk HTML ved buildtid for sider, der ikke ændres fra forespørgsel til forespørgsel.

Aktivér pr. side

Eksportér prerender = true fra +page.js eller +page.server.js.

export const prerender = true;

På hele webstedet

Angiv prerender i root-layoutet for at aktivere det for alt som standard.

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

Dynamiske ruter

Angiv entries for at opregne værdierne for dynamiske parametre.

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

Automatisk opdagelse

SvelteKit følger links under forudgengivelsen for automatisk at opdage flere ruter.

Statiske hosts

Forudgengivet output fungerer på enhver statisk host. Kombinér det med adapter-static for helt statiske websteder.

Hybride apps

Bland forudgengivne marketingsider med dynamiske appsider i det samme SvelteKit-projekt.

Omkostning ved buildtid

Mange dynamiske ruter betyder længere builds. Brug kun forudgengivelse på udvalgte ruter, når skalaen er stor.

Bedst til

Marketing, dokumentation, blogs og produktsider til e-handel med stabile data.

Undgå til

Personlige dashboards, data i realtid og alt, der er specifikt for den enkelte bruger.

Invalidering

Statisk forudgengivelse kræver et nyt build for at opdatere indholdet. Kombinér med ISR eller API'er til genvalidering for at få friske data.

Hurtigt tjek

Hvordan aktiverer du forudgengivelse for en side?

Opsamling

Eksportér prerender = true for at generere statisk HTML ved buildtid til hurtige sider, der kan caches.

Gratis at komme i gang

Lær HTML med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser
41
Lektioner
163

Ofte stillede spørgsmål

Er lektionen “prerender = true til statiske sider” gratis?

Ja — hele teksten til “prerender = true til statiske sider” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Sveltejs Academy-kurset, skal du opgradere til CoddyKit PRO. Sveltejs Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “prerender = true til statiske sider”?

Eksportér prerender for at generere statisk HTML til sider, der ikke ændres ved forespørgsler. Du øver dig i Sveltejs Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Sveltejs Academy?

Der kræves ingen tidligere erfaring. Sveltejs Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 2 af 4.

Hvor lang tid tager lektionen “prerender = true til statiske sider”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Sveltejs Academy-lektion?

Ja. Alle Sveltejs Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

  1. Universal kontra server-only load
  2. prerender = true til statiske sider
  3. ssr = false til klient-only-sider
  4. Island-arkitektur
← Tilbage til Sveltejs Academy