Statik Sayfalar için prerender = true
İstek sırasında değişmeyen sayfalar için statik HTML oluşturmak üzere prerender'ı dışa aktarın.
Statik Sayfalar için prerender = true, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. 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.
Prerender nedir
Prerender, her istekte değişmeyen sayfalar için derleme zamanında statik HTML oluşturur.
Sayfa başına etkinleştirme
+page.js veya +page.server.js dosyasından prerender = true dışa aktarın.
export const prerender = true;Site genelinde
Her şey için varsayılan olarak etkinleştirmek üzere prerender ayarını kök düzende belirleyin.
// +layout.js
export const prerender = true;Dinamik rotalar
Dinamik parametre değerlerini listelemek için entries sağlayın.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Otomatik keşif
SvelteKit, daha fazla rotayı otomatik olarak keşfetmek için prerender sırasında bağlantıları izler.
Statik barındırıcılar
Prerender çıktısı herhangi bir statik barındırıcıda çalışır; tamamen statik siteler için adapter-static ile birleştirin.
Karma uygulamalar
Aynı SvelteKit projesinde prerender uygulanmış pazarlama sayfalarıyla dinamik uygulama sayfalarını birleştirin.
Derleme zamanı maliyeti
Çok sayıda dinamik rota daha uzun derlemeler anlamına gelir. Ölçek çok büyük olduğunda prerender işlemini seçici uygulayın.
En uygun kullanım alanları
Pazarlama, belgeler, bloglar ve verileri sabit kalan e-ticaret ürün sayfaları.
Kaçınılması gerekenler
Kişiselleştirilmiş panolar, gerçek zamanlı veriler ve kullanıcıya özel olan her şey.
Geçersizleştirme
Statik prerender, içeriği yenilemek için yeniden derleme gerektirir. Güncel veriler için ISR veya yeniden doğrulama API'leriyle birleştirin.
Hızlı kontrol
Bir sayfa için prerender işlemini nasıl etkinleştirirsiniz?
Özet
Hızlı ve önbelleğe alınabilir sayfalar için derleme zamanında statik HTML oluşturmak üzere prerender = true dışa aktarın.
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 41
- Dersler
- 163
Sıkça Sorulan Sorular
“Statik Sayfalar için prerender = true” dersi ücretsiz mi?
Evet — “Statik Sayfalar için prerender = true” 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.
“Statik Sayfalar için prerender = true” dersinde ne öğreneceğim?
İstek sırasında değişmeyen sayfalar için statik HTML oluşturmak üzere prerender'ı dışa aktarı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 2. dersidir.
“Statik Sayfalar için prerender = true” 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