Gruppering af ruter i NextJS

Sommetider kan vi have brug for at gruppere flere ruter i en mappe for nemheds skyld på en sådan måde, at grupperingsmappen ikke skaber et separat segment i URL'en.

For at gøre dette skal navnet på grupperingsmappen omgives af runde parenteser. Lad os se på et eksempel.

Lad os sige, at vi vil have registrering på URL'en /reg, og autorisation på URL'en /log. Lad os samle mapperne, der svarer til disse URL'er, i en fælles mappe med navnet (auth).

På denne måde får vi følgende filstruktur:

• /app//(auth)//reg/page.jsx/log/page.jsx

Lad os oprette filen til registreringssiden:

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

Lad os oprette filen til loginsiden:

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