Gruppering av ruter i NextJS

Noen ganger kan vi ha behov for å gruppere flere ruter i en mappe for enkelhets skyld på en slik måte at grupperingsmappen ikke lager et eget segment i URL-en.

For å gjøre dette skal navnet på grupperingsmappen omsluttes med runde parenteser. La oss se på et eksempel.

La oss si at vi vil ha registrering på URL-en /reg, og autorisasjon på URL-en /log. La oss samle mappene som tilsvarer disse URL-ene i en felles mappe med navnet (auth).

Dermed vil vi få følgende filstruktur:

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

La oss lage filen for registreringssiden:

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

La oss lage filen for autorisasjonssiden:

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