Zoskupovanie routov v NextJS

Niekedy môžeme pre pohodlie potrebovať zoskupiť viacero routov do jedného priečinka tak, aby zoskupujúci priečinok nevytváral samostatný segment v URL.

Na tento účel by malo byť meno zoskupujúceho priečinka uzavreté do okrúhlych zátvoriek. Pozrime sa na príklad.

Nech podľa URL /reg chceme urobiť registráciu a podľa URL /log - autorizáciu. Zjednoťme priečinky zodpovedajúce týmto URL do jedného spoločného priečinka s menom (auth).

Takto nám vznikne nasledujúca štruktúra súborov:

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

Vytvorme súbor pre registračnú stránku:

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

Vytvorme súbor pre prihlasovaciu stránku:

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