Répertoire src

En alternative au placement des répertoires spéciaux Next.js app ou pages à la racine de votre projet, Next.js prend également en charge le modèle courant qui consiste à placer le code d'application dans le répertoire src.

Cette approche sépare le code d'application des fichiers de configuration du projet qui se trouvent principalement à la racine, ce qui est préféré par certains développeurs et équipes.

Pour utiliser le répertoire src, déplacez le dossier du routeur app ou pages vers src/app ou src/pages respectivement.

Bon à savoir

• Le répertoire /public doit rester à la racine de votre projet.
• Les fichiers de configuration comme package.json, next.config.js et tsconfig.json doivent rester à la racine du projet.
• Les fichiers .env.* doivent rester à la racine du projet.
• src/app ou src/pages seront ignorés si app ou pages sont présents dans le répertoire racine.
• Si vous utilisez src, vous devrez probablement déplacer également d'autres dossiers d'application comme /components ou /lib.
• Si vous utilisez Tailwind CSS, vous devrez ajouter le préfixe /src dans la section content du fichier tailwind.config.js.