Routing — SvelteKit Reference

Start here 1 essential article

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

Read article →

All articles 12 in this topic

02
+page.svelte 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.

10 min reference
03
+page.js 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.

12 min reference
04
+page.server.js Learn server-only data loading in SvelteKit with +page.server.js. Access databases, use private API keys, and keep sensitive logic secure.

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

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

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

8 min reference
08
+layout.server.js Master server-only layout data loading in SvelteKit with +layout.server.js. Handle authentication and load sensitive data for your app shell.

10 min reference
09
+error.svelte Handle errors gracefully in SvelteKit with +error.svelte. Learn to create custom error pages, throw expected errors, and build cascading error boundaries.

10 min reference
10
+server.js Build API endpoints in SvelteKit with +server.js. Learn to handle GET, POST, PUT, DELETE requests, return JSON, and create a complete backend API.

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

10 min reference
12
Advanced Routing Master advanced SvelteKit routing patterns including param matchers, route groups, layout breaking, shallow routing, and navigation lifecycle hooks.

45 min reference
13
Routing Expert Master expert-level SvelteKit routing: production architecture, View Transitions, performance, debugging, and edge case handling for Svelte 5.

45 min reference