Lección 08. Rutas ocultas.

En ocasiones, podemos tener dentro de nuestro proyecto (dentro de src/app), algún directorio con archivos que no deseamos que puedan ser consultados o visibles de manera autónoma en nuestra aplicación final. Podría ser por:

• Componentes con funcionalidades extras.

• Componentes no renderizables sino con logicas de programación.

• Directorios que no deseamos convetir a rutas.

• Archivos que no deseamos indexar.

U otros motivos.

Next.js permite solucionar este problema de una manera MUY SENCILLA.

Ocultar rutas._

Supongamos que tenemos la estructura de proyecto siguiente:

|- .next/
|-node-modules/
|-public/
|-src/
  |-app/
    |-layout.tsx
    |-page.tsx
    |-hidden/
      |-page.tsx
      |-Component.tsx
|- ...Otros archivos...

Y queremos ocultar nuestro directorio hidden/, porque NO deseamos que sea una ruta visible dentro de la aplicación a generar, debido a que solo contiene componentes y archivos de no renderizado autónomo.

Para ello, están sencillo, como cambiar el nombre de nuestro directorio que deseamos ocultar, agregándole una _ al inicio del nombre.

Quedando el ejemplo como:

_hidden

Y la estructura:

|- .next/
|-node-modules/
|-public/
|-src/
  |-app/
    |-layout.tsx
    |-page.tsx
    |-_hidden/
      |-page.tsx
      |-Component.tsx
|- ...Otros archivos...

De este modo, al ingresar a la ruta /hidden o /_hidden, tendremos la pagina de Error 404. bloqueando la ruta del directorio.

Nota: Siguiendo la lógica, cualquier archivo dentro de este directorio, incluyendo page.tsx, como también posibles sub-rutas, se encontraran ocultas en nuestra aplicación.