adapter-static för statiska webbplatser
Förgenerera hela webbplatsen som statiska filer med adapter-static.
adapter-static för statiska webbplatser är en gratis lektion i Sveltejs Academy på CoddyKit. Detta är lektion 1 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 adapter-static gör
Det förgenererar appen till statiska HTML-/CSS-/JS-filer som kan serveras av vilken statisk värd som helst.
Installera
Ersätt adapter-auto i svelte.config.js.
npm install -D @sveltejs/adapter-staticKonfigurera
Använd det i svelte.config.js.
import adapter from "@sveltejs/adapter-static";
export default { kit: { adapter: adapter() } };Förgenerera alla sidor
Lägg till en root-layout som aktiverar förgenerering överallt.
// +layout.js
export const prerender = true;Dynamiska rutter
Statiska webbplatser kan inte hantera dynamiska parametrar vid begäran. Använd exporten entries för att räkna upp dem.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Ingen server
Formuläråtgärder eller server-endpoints kan inte användas med adapter-static.
Hosting
Distribuera till Netlify, Vercel, Cloudflare Pages, GitHub Pages eller valfri S3-liknande värd.
SPA-läge
Använd alternativet fallback för SPA-läge med klientrouting utan förgenerering.
adapter({ fallback: "index.html" })Prestanda
Statiska webbplatser är mycket snabba och billiga att hosta i stor skala.
Begränsningar
Ingen SSR per begäran och inga formuläråtgärder. Använd fetch-anrop på klientsidan mot dynamiska API:er.
Användningsområden
Marknadsföringssidor, dokumentation, bloggar och portföljer.
Snabbkontroll
Vad skapar adapter-static?
Sammanfattning
Använd adapter-static för att förgenerera SvelteKit-appar som statiska webbplatser för billig och snabb hosting.
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
Vanliga frågor
Är lektionen ”adapter-static för statiska webbplatser” gratis?
Ja – hela texten till ”adapter-static för statiska webbplatser” 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 ”adapter-static för statiska webbplatser”?
Förgenerera hela webbplatsen som statiska filer med adapter-static. 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 1 av 4.
Hur lång tid tar lektionen ”adapter-static för statiska webbplatser”?
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
- adapter-static för statiska webbplatser
- adapter-node för Node.js-server
- adapter-vercel och adapter-cloudflare
- Bygga och förhandsgranska