Svelte Routing Sveltekit Pages Layouts Load Navigation

Definisi

SvelteKit menangani routing lewat struktur folder di src/routes. Tiap file +page.svelte jadi halaman, +layout.svelte jadi pembungkus, dan +page.js/+page.server.js menyediakan load untuk ambil data sebelum render.

Kapan dipakai

Pakai SvelteKit saat butuh routing, SSR, dan data loading terstruktur tanpa setup manual. Untuk widget statis tanpa route, cukup Svelte murni.

Cara kerja

Struktur

text

src/routes/
  +layout.svelte      # wrap semua halaman
  +page.svelte       # /
  about/+page.svelte # /about
  blog/[slug]/+page.svelte # /blog/:slug

Load data

js

// blog/[slug]/+page.js