Why Dynamic route segments in NextJS? - Purpose & Use Cases

The Big Idea

Discover how one file can replace hundreds of pages and save you hours of work!

The Scenario

Imagine building a website where each user has a unique profile page, and you have to create a separate file or page for every single user manually.

The Problem

Manually creating pages for each user is impossible to maintain, slow to update, and leads to a huge mess as the number of users grows.

The Solution

Dynamic route segments let you create one flexible page that automatically adapts to different URLs, showing the right content without extra files.

Before vs After

✗ Before

pages/user-john.js
pages/user-mary.js

✓ After

pages/user/[username].js

What It Enables

It enables building scalable websites that respond to many different URLs with just a few smart files.

Real Life Example

Think of an online store where each product has its own page generated dynamically from the product ID in the URL.

Key Takeaways

Manual page creation for each URL is slow and unmanageable.

Dynamic route segments create flexible pages that handle many URLs.

This makes websites easier to build and scale.