Nexts.js — Hook useParams

Introducción

• ¿Qué es useParams?
• ¿Por qué se usa?
• Ventajas que tiene useParams
• ¿Cómo funciona?
• A considerar
• Diferencia entre params como propiedad y useParams

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]

Hook useParams

:: ¿Qué es useParams?

useParams[ref] es un hook de Next.js para App Router que permite acceder a los parámetros dinámicos de la URL en componentes del lado del cliente.

:: ¿Por qué se usa?

• Para acceder dinámicamente a valores [slug], [id], [userId], etc. dentro de un componente cliente.
• Para renderizar dinámicamente contenido basado en la URL.
• Cuando no requieres hacer fetching server-side.

:: Ventajas que tiene useParams

• Puedes leer los parámetros sin necesidad de hacer un componente server-side.
• Útil en componentes interactivos…