¿Qué significa "Rutas dinámicas"?

« Back to Glossary Index

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.

WhatsApp