Skip to content
#svelte#sveltekit
Edit this snippet
Table of Contents

Sveltekit page store

How to use the sveltekit page store to access url parameters

Please use app/state if you are using Svelte 5

Example

import { page } from '$app/stores';
$: name = $page.url.searchParams.get('name');

// name = Thomas

import { page } from '$app/stores';
$: slug = $page.params.id;

// url: /snippets/[id] => slug = value of id

import { page } from '$app/stores';
$: path = $page.url.pathname;

// path = /test

Related snippets