Directorio src

Como alternativa a tener los directorios especiales de Next.js app o pages en la raíz de su proyecto, Next.js también admite el patrón común de colocar el código de la aplicación bajo el directorio src.

Esto separa el código de la aplicación de los archivos de configuración del proyecto que principalmente residen en la raíz de un proyecto, lo cual es preferido por algunos individuos y equipos.

Para usar el directorio src, mueva la carpeta del Enrutador app o la carpeta del Enrutador pages a src/app o src/pages respectivamente.

Es bueno saber

• El directorio /public debe permanecer en la raíz de su proyecto.
• Los archivos de configuración como package.json, next.config.js y tsconfig.json deben permanecer en la raíz de su proyecto.
• Los archivos .env.* deben permanecer en la raíz de su proyecto.
• src/app o src/pages serán ignorados si app o pages están presentes en el directorio raíz.
• Si está usando src, probablemente también moverá otras carpetas de la aplicación como /components o /lib.
• Si está usando Middleware, asegúrese de colocarlo dentro del directorio src.
• Si está usando Tailwind CSS, necesitará agregar el prefijo /src al archivo tailwind.config.js en la sección content.
• Si está usando rutas TypeScript para importaciones como @/*, debe actualizar el objeto paths en tsconfig.json para incluir src/.