Ú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
- /reg/
- /(auth)/
Készítsük el a regisztrációs oldal fájlját:
export default function Reg() {
return <h1>register</h1>;
}
Készítsük el a bejelentkezési oldal fájlját:
export default function Log() {
return <h1>login</h1>;
}
Végezd el a leckében leírt manipulációkat. Győződj meg arról, hogy minden a vártnak megfelelően működik.