#routing

Learn how to use params, url, and route inside SvelteKit load functions to build dynamic, filterable, and paginated pages with full type safety.

Master advanced SvelteKit routing patterns including param matchers, route groups, layout breaking, shallow routing, and navigation lifecycle hooks.

Master expert-level SvelteKit routing: production architecture, View Transitions, performance, debugging, and edge case handling for Svelte 5.

Learn universal data loading for layouts in SvelteKit with +layout.js. Load shared data that's available to all child pages and layouts.

Learn how +layout.svelte wraps pages with shared UI in SvelteKit. Master layout nesting, the children snippet, and building consistent application structure.

Master navigation in SvelteKit. Learn how anchor tags work, client-side routing, preloading strategies, and programmatic navigation with goto().

Learn how load functions work in +page.js for universal data loading in SvelteKit. Understand when it runs, how to fetch data, and connect it to your pages.

Learn how +page.svelte files define what users see at each route and how to create your first pages with Server-Side Rendering in SvelteKit.

Understand the philosophy behind SvelteKit's filesystem-based routing. Learn why co-location matters and how your folder structure becomes your router.

Discover SvelteKit's automatic type generation with $types. Learn how TypeScript types flow from load functions to components for end-to-end type safety.