Sveltejs Academy · leksjon

ssr = false for klient-only-sider

Deaktiver server-rendering for sider som er avhengige av API-er som bare finnes i nettleseren.

Leksjon 3 av 413 trinn

ssr = false for klient-only-sider er en gratis leksjon i Sveltejs Academy på CoddyKit. Dette er leksjon 3 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Sveltejs Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Sveltejs Academy inneholder totalt 4 leksjoner.

Deaktiver SSR

Sett ssr = false for å hoppe over serverrendering på en side som er avhengig av API-er som bare finnes i nettleseren.

export const ssr = false;

Bruksområder

Sider som bruker canvas, WebGL, geolokasjon eller noe annet som må kjøre i nettleseren.

Avveininger

Hvis du hopper over SSR, blir First Contentful Paint tregere og SEO-en dårligere for siden.

Kombiner med prerendering

Du kan deaktivere SSR, men fortsatt prerendre et HTML-skall for statisk hosting.

Lastespinner

Siden bare kjører på klienten, bør du vise en lastetilstand til JavaScript har hydrert siden.

Ruter som krever autentisering

Noen ganger hopper autentiseringsbeskyttede ruter over SSR for å unngå rendering før klienten har kontrollert tokenet.

Innstilling per side

Angi ssr per rute for å balansere behovet for SEO mot behovet for interaktivitet.

På layoutnivå

Angi dette i en layout for å deaktivere SSR for en hel seksjon.

Ingen serverkode

Uten SSR kjører server load fortsatt, men siden rendres bare i nettleseren.

Ytelseshensyn

Tunge sider som bare kjører på klienten, kan ha nytte av å prerendre et skjelett og hydrere det med data.

I praksis

Dashbord, avanserte redigeringsverktøy og 3D-opplevelser deaktiverer noen ganger SSR.

Rask sjekk

Når ville du satt ssr = false?

Besvar den i den interaktive leksjonen

Oppsummering

Sett ssr = false for sider som trenger API-er som bare finnes i nettleseren, og bytt SEO mot enklere rendering som bare skjer på klienten.

Gratis å komme i gang

Lær deg HTML med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 41
Leksjoner: 163

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «ssr = false for klient-only-sider» gratis?

Ja – hele teksten i «ssr = false for klient-only-sider» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Sveltejs Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Sveltejs Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «ssr = false for klient-only-sider»?

Deaktiver server-rendering for sider som er avhengige av API-er som bare finnes i nettleseren. Du øver på Sveltejs Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med Sveltejs Academy?

Ingen tidligere erfaring er nødvendig. Sveltejs Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 4.

Hvor lang tid tar leksjonen «ssr = false for klient-only-sider»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne Sveltejs Academy-leksjonen?

Ja. Alle Sveltejs Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til Sveltejs Academy