Grup Tata Letak dengan (group)
Kelompokkan rute di bawah tata letak bersama tanpa menambahkan segmen URL menggunakan tanda kurung.
Grup Tata Letak dengan (group) 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.
Mengapa Grup Tata Letak
Terkadang Anda ingin menggunakan tata letak yang berlaku untuk banyak rute tanpa menambahkan segmen URL.
Konvensi Folder
Bungkus nama folder dengan tanda kurung untuk membuat grup tata letak: (marketing).
src/routes/(marketing)/+layout.svelte
src/routes/(marketing)/about/+page.svelte
src/routes/(marketing)/pricing/+page.svelteURL Tetap Bersih
Tanda kurung tidak muncul dalam URL. /about dan /pricing tetap seperti semula, tetapi menggunakan tata letak yang sama.
Beberapa Grup
Anda dapat memiliki grup (marketing) dan (app) yang terpisah dengan tata letak yang berbeda.
Kasus Penggunaan
Halaman pemasaran (kepala halaman, bagian utama) dan halaman aplikasi (bilah sisi, navigasi dasbor) dapat menggunakan domain yang sama.
Tanpa Grup
Tanpa grup, Anda harus menambahkan subfolder ke URL atau mengulangi markup tata letak.
Hook Tingkat Grup
Grup dapat memiliki +layout.js dan +layout.server.js, sama seperti tata letak biasa.
Grup Bertingkat
Grup dapat berada di dalam grup lain untuk pengkhususan lebih lanjut.
Halaman Error Per Grup
Setiap grup dapat memiliki +error.svelte sendiri untuk UI kegagalan yang disesuaikan.
Refaktor
Jadikan tata letak bersama sebagai grup ketika Anda mulai mengulangi tata letak di antara folder sejajar.
Migrasi
Memindahkan rute ke dalam grup hanya mengubah tata letaknya, bukan URL-nya.
Pemeriksaan Singkat
Apa fungsi tanda kurung pada nama folder?
Rangkuman
Bungkus folder dengan tanda kurung untuk membuat grup tata letak yang berbagi UI tanpa menambahkan segmen URL.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Grup Tata Letak dengan (group)” gratis?
Ya — teks lengkap “Grup Tata Letak dengan (group)” 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 “Grup Tata Letak dengan (group)”?
Kelompokkan rute di bawah tata letak bersama tanpa menambahkan segmen URL menggunakan tanda kurung. 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 “Grup Tata Letak dengan (group)” 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
- Grup Tata Letak dengan (group)
- Tata Letak Tingkat Rute
- Keluar dari Tata Letak dengan +page@route
- Data Bersama di Berbagai Tata Letak