Statik Siteler için adapter-static
adapter-static ile sitenizin tamamını statik dosyalar olarak önceden oluşturun.
Statik Siteler için adapter-static, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. 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.
adapter-static Ne Yapar
Uygulamanızı herhangi bir statik sunucunun sunabileceği statik HTML/CSS/JS dosyalarına önceden oluşturur.
Kurulum
svelte.config.js içindeki adapter-auto yerine bunu kullanın.
npm install -D @sveltejs/adapter-staticYapılandırma
Bunu svelte.config.js içinde kullanın.
import adapter from "@sveltejs/adapter-static";
export default { kit: { adapter: adapter() } };Tüm Sayfaları Önceden Oluşturma
Her yerde önceden oluşturmayı etkinleştiren bir kök yerleşim ekleyin.
// +layout.js
export const prerender = true;Dinamik Yollar
Statik siteler, istek sırasında dinamik parametreleri sunamaz. Bunları listelemek için entries dışa aktarımını kullanın.
export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }Sunucu Yok
adapter-static ile form eylemlerini veya sunucu uç noktalarını kullanamazsınız.
Barındırma
Netlify, Vercel, Cloudflare Pages, GitHub Pages veya S3 benzeri herhangi bir sunucuda dağıtın.
SPA Modu
Önceden oluşturma olmadan istemci yönlendirmeli SPA modu için fallback seçeneğini kullanın.
adapter({ fallback: "index.html" })Performans
Statik siteler son derece hızlıdır ve büyük ölçekte barındırma maliyetleri düşüktür.
Sınırlamalar
İstek başına SSR ve form eylemleri yoktur. Dinamik API'lere istemci tarafından yapılan fetch çağrılarını kullanın.
Kullanım Alanları
Pazarlama siteleri, belgeler, bloglar ve portföyler.
Kısa Kontrol
adapter-static ne üretir?
Özet
Uygun maliyetli ve hızlı barındırma için SvelteKit uygulamalarını statik siteler olarak önceden oluşturmak üzere adapter-static kullanın.
Sıkça Sorulan Sorular
“Statik Siteler için adapter-static” dersi ücretsiz mi?
Evet — “Statik Siteler için adapter-static” 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 Siteler için adapter-static” dersinde ne öğreneceğim?
adapter-static ile sitenizin tamamını statik dosyalar olarak önceden oluşturun. 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 1. dersidir.
“Statik Siteler için adapter-static” 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
- Statik Siteler için adapter-static
- Node.js Sunucusu için adapter-node
- adapter-vercel ve adapter-cloudflare
- Derleme ve Önizleme