Basic Routing in Svelte
From the SvelteKit cheat sheet · Routing · verified Jul 2026
Basic Routing
File-based routing patterns
javascript
// Route file structure
src/routes/
+page.svelte // index (/)
+layout.svelte // root layout
about/+page.svelte // /about
blog/
+page.svelte // /blog
[slug]/
+page.svelte // /blog/:slug
// Navigation
<a href="/about">About</a>
<a href="/blog/my-post">Blog Post</a>📁 File-based routing with folders and +page.svelte
🔗 Automatic code splitting per route
🎯 Dynamic routes with [param] syntax
⚡ Built-in preloading with data attributes