Why Dynamic route parameters in Svelte? - Purpose & Use Cases

The Big Idea

What if one page could magically become any page you want, just by changing the URL?

The Scenario

Imagine building a website where each user has a unique profile page. You try to create a separate HTML file for every user manually, like user1.html, user2.html, and so on.

The Problem

This manual method quickly becomes impossible to manage. Every time a new user joins, you must create a new file. It's slow, error-prone, and your site grows messy and hard to update.

The Solution

Dynamic route parameters let you create one flexible route that changes based on the URL. Instead of many files, you have one template that automatically shows the right content for each user.

Before vs After

✗ Before

GET /user1.html
GET /user2.html

✓ After

GET /user/[id]

What It Enables

You can build scalable, clean websites that show personalized content without extra files or complicated code.

Real Life Example

Think of an online store where each product page URL changes based on the product ID, but all use the same page template to display details.

Key Takeaways

Manual page creation for each item is slow and messy.

Dynamic route parameters let one route handle many URLs.

This makes your app easier to build, update, and scale.