Directorio src

Como alternativa a tener los directorios especiales app o pages de Next.js en la raíz de tu proyecto, Next.js también soporta 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, lo cual es preferido por algunos individuos y equipos.

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

Es bueno saber

• El directorio /public debe permanecer en la raíz de tu proyecto.
• Archivos de configuración como package.json, next.config.js y tsconfig.json deben permanecer en la raíz.
• Los archivos .env.* deben permanecer en la raíz del proyecto.
• src/app o src/pages serán ignorados si app o pages están presentes en el directorio raíz.
• Si estás usando src, probablemente también moverás otras carpetas de la aplicación como /components o /lib.
• Si estás usando Tailwind CSS, necesitarás añadir el prefijo /src al archivo tailwind.config.js en la sección content.