Perutean Berbasis File dengan +page.svelte
Petakan jalur file di bawah src/routes ke jalur URL secara otomatis.
Perutean Berbasis File dengan +page.svelte adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Berkas = Rute
SvelteKit memetakan direktori di bawah src/routes ke jalur URL. Berkas +page.svelte menentukan sebuah rute.
Halaman Utama
src/routes/+page.svelte ditampilkan di /.
Halaman Tentang
src/routes/about/+page.svelte ditampilkan di /about.
Rute Bersarang
Direktori dapat bersarang. src/routes/blog/posts/+page.svelte ditampilkan di /blog/posts.
Komponen Halaman
Berkas tersebut adalah komponen Svelte biasa. Gunakan fitur apa pun yang telah Anda pelajari.
<!-- +page.svelte -->
<h1>About Us</h1>
<p>Welcome to our site.</p>Konvensi Perutean
Nama berkas yang diawali + memiliki makna khusus bagi SvelteKit. Misalnya, +page, +layout, +server, dan lainnya.
Tidak Perlu Impor
Anda tidak perlu mendaftarkan rute secara manual. Sistem berkas adalah peruternya.
Navigasi Terprogram
Gunakan goto dari $app/navigation untuk bernavigasi di dalam kode.
import { goto } from "$app/navigation";
goto("/about");Komponen Tautan
Gunakan tag <a href> biasa; SvelteKit mencegatnya untuk navigasi di sisi klien.
Pengambilan Awal
Gunakan data-sveltekit-preload-data pada tautan untuk mengambil data terlebih dahulu saat kursor diarahkan ke tautan.
Halaman 404
Buat src/routes/+error.svelte untuk menyesuaikan halaman tidak ditemukan.
Pemeriksaan Singkat
Di mana Anda membuat rute /products?
Rangkuman
Sistem berkas menentukan rute. +page.svelte di direktori mana pun di bawah src/routes menjadi sebuah rute.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Perutean Berbasis File dengan +page.svelte” gratis?
Ya — teks lengkap “Perutean Berbasis File dengan +page.svelte” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Perutean Berbasis File dengan +page.svelte”?
Petakan jalur file di bawah src/routes ke jalur URL secara otomatis. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “Perutean Berbasis File dengan +page.svelte” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Perutean Berbasis File dengan +page.svelte
- Parameter Rute Dinamis: [id]
- Parameter Opsional dan Sisa
- File Tata Letak: +layout.svelte