Next.js -Rutas dinámicas avanzadas [slug], […slug] y [[…slug]]

Introducción

• [slug] Slug simple
• [...slug] Catch-all Slug
• [[...slug]]Optional Catch-all

Lee el artículo gratis → friends link o en Github

Todos los ejemplos los podrás encontrar en el repositorio next.js-15.3–1[ref]
Acá puedes ver todas las stories de next.js [ref]

Rutas dinámica [slug], […slug] y [[…slug]]

Este tipo de rutas o segmentos dinámicos son útiles cuando no sabes cuántos niveles tendrá la URL o cuando quieres mostrar páginas con URLs amigables y flexibles.

Un slug es una parte de la URL que representa un valor único. Ejemplo: /blog/mi-primer-post, donde mi-primer-post es el slug.

Tipos de slugs

• [slug] — Slug simple, donde solo un segmento es obligatorio.
• [...slug] — Catch-all slug, donde uno o más segmentos son obligatorios.
• [[...slug]] — Optional Catch-all, donde ninguno o más segmentos son opcionales.

:: [slug] Slug simple

Un slug es un segmento dinámico que permite capturar un valor variable desde la URL. Funciona…