Grupisanje ruta u NextJS-u

Ponekad nam može zatrebati da, radi praktičnosti, grupišemo nekoliko ruta u jedan folder tako da grupisani folder ne kreira poseban segment u URL-u.

Za to, ime foldera za grupisanje treba da se stavi u obične zagrade. Pogledajmo na primeru.

Neka za URL /reg želimo da napravimo registraciju, a za URL /log - autorizaciju. Ujedinićemo foldere koji odgovaraju ovim URL-ovima u jedan zajednički folder sa imenom (auth).

Tako ćemo dobiti sledeću fajl strukturu:

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

Napravićemo fajl za stranicu registracije:

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

Napravićemo fajl za stranicu autorizacije:

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