Cargar paths con parametro y sin parametro en Next.js /path/1 y /path/

Tiempo de lectura: < 1 minuto

Si queremos cargar paths en Next.js con o sin paramétros y que no nos redireccione a 404 tenemos que hacer lo siguiente:

Primero creamos nuestra ruta de carpetas como necesitemos en este ejemplo es:

/path/
   [id].tsx

Dentro de nuestro archivo [id].tsx es dónde trataremos ese id y realizaremos las operaciones que queramos.

Esto funcionaría para las rutas: /path/1234

Si queremos que funcione para las rutas: /path/

Tendremos que crear en el mismo directorio un archivo llamado index.tsx

/path/
   index.tsx
   [id].tsx

Recuerda que en index.tsx no recibirás el parámetro id. En este caso puedes tomarlo como un 0 o lo que necesites.

Finalmente nos cargará /path/ sin devolver un 404.