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

Créons le fichier pour la page d'inscription :

app/(auth)/reg/page.jsxexport default function Reg() {
  return <h1>register</h1>;
}

Créons le fichier pour la page d'authentification :

app/(auth)/log/page.jsxexport default function Log() {
  return <h1>login</h1>;
}