Rutas dinámicas son URLs que se generan a partir de parámetros, en lugar de estar fijas.
Es un concepto clave en frameworks modernos como Next.js, React Router o Angular. Una ruta común es estática: /nosotros
o /contacto
. Pero muchas veces necesitás flexibilidad, como en la página de perfil de un usuario. No vas a crear una página distinta para cada persona (/usuario/juan
, /usuario/maría
, /usuario/sofia
…), entonces definís una ruta dinámica como /usuario/:id
. Ese :id
es un comodín que se reemplaza con valores reales.
Pensalo como una plantilla con espacios en blanco: los parámetros son lo que completa cada caso particular. De esta forma, un solo componente puede servir para muchas páginas distintas, manteniendo el código ordenado y fácil de mantener.
Las rutas dinámicas están en todos lados: las páginas de productos en Mercado Libre, los videos en YouTube, los tweets en X (antes Twitter). En lugar de programar miles de páginas, una sola ruta con parámetros alcanza.