Routing in Svelte

From the Svelte cheat sheet · SvelteKit · verified Jul 2026

Routing

File-based routing in SvelteKit

javascript

// File structure
src/routes/
  +page.svelte       // index (/)
  +layout.svelte     // root layout
  about/
    +page.svelte     // /about
  blog/
    [slug]/
      +page.svelte   // /blog/:slug

📁 File-based routing with special files

🎯 Dynamic routes with [param] syntax

📦 Route groups with (name) for organization

🔄 Load functions for data fetching

Continue with Svelte

Save the full cheat sheet or work through every related task.

Open full sheet

Back to the full Svelte cheat sheet