0Pricing
Sveltejs Academy · Lesson

Dynamic Route Parameters: [id]

Capture URL segments as parameters using bracket notation in folder names.

Bracket Folder Names

Use square brackets in folder names for dynamic segments.

src/routes/blog/[slug]/+page.svelte  -> /blog/:slug

Accessing the Parameter

Inside the page, use the $page store from $app/stores.

import { page } from "$app/stores";
<p>Slug: {$page.params.slug}</p>

All lessons in this course

  1. File-based Routing with +page.svelte
  2. Dynamic Route Parameters: [id]
  3. Optional and Rest Parameters
  4. Layout Files: +layout.svelte
← Back to Sveltejs Academy