Útvonalak csoportosítása NextJS-ben

Időnként előfordulhat, hogy kényelmi okokból több útvonalat egy mappába szeretnénk csoportosítani úgy, hogy a csoportosító mappa ne alkosson külön szegmenst az URL-ben.

Ehhez a csoportosító mappa nevét kerek zárójelek közé kell tenni. Nézzük meg egy példán keresztül.

Tegyük fel, hogy az /reg URL-címen szeretnénk regisztrációt, az /log URL-címen pedig bejelentkezést megvalósítani. Kössük össze az ezeknek az URL-eknek megfelelő mappákat egy közös (auth) nevű mappába.

Így a következő fájlszerkezetet kapjuk:

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

Készítsük el a regisztrációs oldal fájlját:

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

Készítsük el a bejelentkezési oldal fájlját:

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