Dynamic Routing: From Simple to Complex
Route Segment Types
| Pattern | Example URL | params |
|---|---|---|
[slug] | /blog/hello | { slug: 'hello' } |
[...slug] | /blog/a/b/c | { slug: ['a','b','c'] } |
[[...slug]] | /blog or /blog/a/b | { slug: undefined } or { slug: ['a','b'] } |
0:00
0% complete
LearnStep 1 of 4
Dynamic Route Patterns
Learning Objectives
- •Implement catch-all and optional catch-all routes
- •Build type-safe dynamic routes
- •Understand route handler vs server action trade-offs
- •Handle route generation for static export
Lesson Outline
LearnStep 1/4
Dynamic Route Patterns
tsx
Optional Catch-All Routes
tsx
Type-Safe Route Parameters
tsx
Static Generation with generateStaticParams
tsx