adapter-static til statiske websites
Prerender hele jeres website til statiske filer med adapter-static
adapter-static til statiske websites er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 1 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 adapter-static gør
Den forhåndsgengiver din app som statiske HTML/CSS/JS-filer, som enhver statisk vært kan levere.
Installer
Erstat adapter-auto i svelte.config.js.
npm install -D @sveltejs/adapter-staticKonfigurer
Brug den i svelte.config.js.
import adapter from "@sveltejs/adapter-static";
export default { kit: { adapter: adapter() } };Forhåndsgiv alle sider
Tilføj et rodlayout, der aktiverer forhåndsgengivelse overalt.
// +layout.js
export const prerender = true;Dynamiske ruter
Statiske websteder kan ikke levere dynamiske parametre på forespørgselstidspunktet. Brug entries-eksporten til at opregne dem.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Ingen server
Du kan ikke bruge formularhandlinger eller serverendepunkter med adapter-static.
Hosting
Udrul til Netlify, Vercel, Cloudflare Pages, GitHub Pages eller en hvilken som helst S3-lignende vært.
SPA-tilstand
Brug fallback-indstillingen til klientroutet SPA-tilstand uden forhåndsgengivelse.
adapter({ fallback: "index.html" })Ydeevne
Statiske websteder er lynhurtige og billige at hoste i stor skala.
Begrænsninger
Ingen SSR pr. forespørgsel og ingen formularhandlinger. Brug fetch på klientsiden til dynamiske API'er.
Anvendelsesområder
Markedsføringssider, dokumentationssider, blogs og porteføljer.
Hurtigt tjek
Hvad producerer adapter-static?
Opsummering
Brug adapter-static til at forhåndsgengive SvelteKit-apps som statiske websteder, der er billige og hurtige at hoste.
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 “adapter-static til statiske websites” gratis?
Ja — hele teksten til “adapter-static til statiske websites” 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 “adapter-static til statiske websites”?
Prerender hele jeres website til statiske filer med adapter-static 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 1 af 4.
Hvor lang tid tager lektionen “adapter-static til statiske websites”?
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
- adapter-static til statiske websites
- adapter-node til Node.js-serveren
- adapter-vercel og adapter-cloudflare
- Bygning og forhåndsvisning