Advanced Sveltekit Routing

Special Folder Names

Notes

• more specific routes will be tested first.
• “Parameter matchers” (e.g. regex) allow even fancier stuff

[name]

• A “dynamic” route
• name is often something like slug, id

[…rest]

• variable length dynamic parameters, “rest” or “varargs”
• I had some null issues with this, probably my fault

[[name]]

• a single dynamic name, but optional
• e.g. for locale
  • /fr/path... /de/path...
  • but a default /path... for English

(vname)

• Create a “virtual” grouping that does not appear to the user in the URL route
• Useful of you want a common layout & logic for a bunch of folders
  • e.g. some folders require authentication, perhaps use (authed)

More on thse load() function

To help you navigate through all these routes, the load() function is passed a kitchen sink of stuff

Typically destructured at call time, e.g. load({ cookies, params })

• cookies
• url
• route
• params (those dynamic routes)
• fetch: a souped up fetch function
• setHeaders
• more…