Seskupování rout v NextJS
Někdy pro pohodlí můžeme potřebovat seskupit několik rout do jedné složky tak, aby seskupující složka nevytvářela samostatný segment v URL.
K tomu je třeba název seskupující složky uzavřít do kulatých závorek. Podívejme se na příklad.
Předpokládejme, že pro URL /reg chceme vytvořit
registraci a pro URL /log - autorizaci.
Spojme složky odpovídající těmto URL
do jedné společné složky s názvem (auth).
Tak získáme následující souborovou strukturu:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Vytvořme soubor pro registrační stránku:
export default function Reg() {
return <h1>register</h1>;
}
Vytvořme soubor pro přihlašovací stránku:
export default function Log() {
return <h1>login</h1>;
}
Proveďte manipulace popsané v lekci. Ujistěte se, že vše funguje tak, jak se očekává.
