Regroupement des routes dans NextJS
Parfois, nous pouvons avoir besoin, pour plus de commodité, de regrouper plusieurs routes dans un seul dossier de telle sorte que le dossier de regroupement ne crée pas un segment séparé dans l'URL.
Pour cela, le nom du dossier de regroupement doit être placé entre parenthèses. Regardons un exemple.
Disons que pour l'URL /reg nous voulons faire
l'inscription, et pour l'URL /log - l'authentification.
Regroupons les dossiers correspondant à ces URL
dans un dossier commun nommé (auth).
Ainsi, nous obtiendrons la structure de fichiers suivante :
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Créons le fichier pour la page d'inscription :
export default function Reg() {
return <h1>register</h1>;
}
Créons le fichier pour la page d'authentification :
export default function Log() {
return <h1>login</h1>;
}
Effectuez les manipulations décrites dans la leçon. Assurez-vous que tout fonctionne comme prévu.
