🚅 Routing

How file system routing works

Which file is NOT special in SvelteKit?

SvelteKit Pages Cheat Sheet

⚡Bookmark the routing page from the SvelteKit Routing Docs

Page
  • +page.svelte main UI for a route.
  • +page.ts fetch data for a page, runs on client and server.
  • +page.server.ts fetch data for a page, runs on server only.
Layout
  • +layout.svelte share UI across multiple child routes.
  • +layout.ts fetch data for a layout, runs on client and server.
  • +layout.server.ts fetch data for a layout, runs on server only.
Server
  • +server.ts used to build API routes that handle different HTTP verbs and non-HTML response types.
Error
  • +error.svelte will be rendered if server-side data fetching or rendering fails.

Questions? Let's chat

Open Discord