Tengo un problema al establecer un directorio personalizado en Next JS.
Sé que, de manera predeterminada, el directorio de páginas debe estar en la raíz o en el directorio src, pero esta opción no me conviene porque no puedo ocultar todos los archivos de interfaz en un directorio.
En cambio, quiero hacerlo de esta manera:
src ├── frontend │ ├── pages │ │ ├── index.tsx │ │ ├── firstPage.tsx │ │ ├── ... │ │ components │ │ ├── ... ├── backend │ ├── ...Sin embargo, Next JS no me permite hacer esto y no entiendo por qué, he intentado buscar posibilidades para esto, por ejemplo:
"scripts": { "dev": "next ./src/frontend", },Esto funciona, pero todavía no es lo que necesito. Con este enfoque, luego crea tsconfig, .next, etc. directamente en el directorio frontend, lo que parece extraño, me gustaría mantener los archivos de configuración en el directorio raíz.
Parece que, por alguna razón, no puedo tener el directorio de páginas dentro del directorio de interfaz, pero no puedo entender qué tiene que ver esto. Si este es realmente el caso, ¿podría decirme por qué?
Desafortunadamente, parece que Next.js admite oficialmente solo los directorios ./pages o ./src/pages . Tim explica su punto de vista sobre esta decisión en su comentario en uno de los muchos problemas que solicitan esta opción en Github . Más se puede encontrar también aquí y aquí .
Sin embargo, es posible que desee consultar esta discusión , ya que la bifurcación de Daniel tiene la opción de buscar páginas en directorios adicionales.