Yalnızca İstemci Sayfaları için ssr = false
Yalnızca tarayıcı API'lerine dayanan sayfalar için sunucu işlemeyi devre dışı bırakın.
Yalnızca İstemci Sayfaları için ssr = false, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
SSR'yi devre dışı bırakma
Yalnızca tarayıcıda çalışan API'lere dayanan bir sayfanın sunucuda oluşturulmasını atlamak için ssr = false ayarlayın.
export const ssr = false;Kullanım alanları
canvas, WebGL, coğrafi konum veya tarayıcıda çalışması gereken herhangi bir şeyi kullanan sayfalar.
Ödünleşimler
SSR'yi atlamak, bu sayfa için İlk İçerik Boyaması'nın daha yavaş olması ve SEO'nun kötüleşmesi anlamına gelir.
Prerender ile birleştirme
SSR'yi devre dışı bırakıp statik barındırma için yine de bir kabuk HTML'yi prerender edebilirsiniz.
Yükleme göstergesi
Sayfa yalnızca istemcide çalıştığından, JS hidrate olana kadar bir yükleme durumu gösterin.
Kimlik doğrulaması gerektiren rotalar
Bazen yalnızca kimlik doğrulaması gerektiren rotalar, istemci belirteci kontrol etmeden önce oluşturmayı önlemek için SSR'yi atlar.
Sayfa başına ayar
SEO ile etkileşim gereksinimlerini dengelemek için ssr ayarını rota başına belirleyin.
Düzen düzeyinde
Bir bölümün tamamında SSR'yi devre dışı bırakmak için ayarı bir düzende belirleyin.
Sunucu kodu yok
SSR olmadan sunucu yüklemesi yine çalışır; ancak sayfa yalnızca tarayıcıda oluşturulur.
Performans değerlendirmeleri
Ağır ve yalnızca istemcide çalışan sayfalar, bir iskeleti prerender edip verilerle hidrate edilmekten yararlanabilir.
Gerçek dünya
Panolar, karmaşık düzenleyiciler ve 3B deneyimler bazen SSR'yi kapatır.
Hızlı kontrol
ssr = false ayarını ne zaman yaparsınız?
Özet
Tarayıcıya özel API'lere ihtiyaç duyan sayfalarda ssr = false ayarlayın; bunun karşılığında SEO'dan ödün vererek daha basit, yalnızca istemcide çalışan bir oluşturma elde edersiniz.
Sıkça Sorulan Sorular
“Yalnızca İstemci Sayfaları için ssr = false” dersi ücretsiz mi?
Evet — “Yalnızca İstemci Sayfaları için ssr = false” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Yalnızca İstemci Sayfaları için ssr = false” dersinde ne öğreneceğim?
Yalnızca tarayıcı API'lerine dayanan sayfalar için sunucu işlemeyi devre dışı bırakın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.
“Yalnızca İstemci Sayfaları için ssr = false” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Evrensel load ve Yalnızca Sunucuda Çalışan load
- Statik Sayfalar için prerender = true
- Yalnızca İstemci Sayfaları için ssr = false
- Ada Mimarisi