+page.svelte ile Dosya Tabanlı Yönlendirme
src/routes altındaki dosya yollarını URL yollarıyla otomatik olarak eşleyin.
+page.svelte ile Dosya Tabanlı Yönlendirme, 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.
Dosya = Rota
SvelteKit, src/routes altındaki klasörleri URL yollarına eşler. Bir +page.svelte dosyası bir rota tanımlar.
Kök Sayfa
src/routes/+page.svelte, / adresinde işlenir.
Hakkında Sayfası
src/routes/about/+page.svelte, /about adresinde işlenir.
İç İçe Rotalar
Klasörler iç içe yerleştirilebilir. src/routes/blog/posts/+page.svelte, /blog/posts adresinde işlenir.
Sayfa Bileşeni
Dosya, normal bir Svelte bileşenidir. Öğrendiğiniz tüm özellikleri kullanabilirsiniz.
<!-- +page.svelte -->
<h1>About Us</h1>
<p>Welcome to our site.</p>Yönlendirme Kuralı
+ ile başlayan dosya adlarının SvelteKit'te özel bir anlamı vardır. +page, +layout, +server ve diğerleri.
İçe Aktarma Gerekmez
Rotaları elle kaydetmeniz gerekmez. Yönlendirici dosya sisteminin kendisidir.
Programatik Gezinme
Kod içinde gezinmek için $app/navigation içinden goto kullanın.
import { goto } from "$app/navigation";
goto("/about");Bağlantı Bileşeni
Düz <a href> etiketlerini kullanın; SvelteKit, istemci tarafı gezinme için bunları yakalar.
Önceden Getirme
Üzerine gelindiğinde önceden getirmeyi etkinleştirmek için bir bağlantıda data-sveltekit-preload-data kullanın.
404 Sayfası
Bulunamayan sayfayı özelleştirmek için src/routes/+error.svelte oluşturun.
Hızlı Kontrol
/products rotasını nerede oluşturursunuz?
Özet
Rotaları dosya sistemi tanımlar. src/routes altındaki herhangi bir klasörde bulunan +page.svelte bir rotaya dönüşür.
Sıkça Sorulan Sorular
“+page.svelte ile Dosya Tabanlı Yönlendirme” dersi ücretsiz mi?
Evet — “+page.svelte ile Dosya Tabanlı Yönlendirme” 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.
“+page.svelte ile Dosya Tabanlı Yönlendirme” dersinde ne öğreneceğim?
src/routes altındaki dosya yollarını URL yollarıyla otomatik olarak eşleyin. 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.
“+page.svelte ile Dosya Tabanlı Yönlendirme” 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
- +page.svelte ile Dosya Tabanlı Yönlendirme
- Dinamik Yönlendirme Parametreleri: [id]
- İsteğe Bağlı ve Kalan Parametreler
- Düzen Dosyaları: +layout.svelte