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
- /reg/
- /(auth)/
Vytvorme súbor pre registračnú stránku:
export default function Reg() {
return <h1>register</h1>;
}
Vytvorme súbor pre prihlasovaciu stránku:
export default function Log() {
return <h1>login</h1>;
}
Vykonajte manipulácie opísané v lekcii. Uistite sa, že všetko funguje podľa očakávania.
