Reittien ryhmittely NextJS:ssä
Joskus saattaa olla kätevää ryhmitellä useita reittejä yhteen kansioon siten, että ryhmittelykansio ei luo erillistä segmenttiä URL-osoitteeseen.
Tätä varten ryhmittelykansion nimi tulee laittaa pyöreiden sulkeiden sisään. Katsotaanpa esimerkkiä.
Oletetaan, että haluamme tehdä
rekisteröinnin URL-osoitteeseen /reg,
ja kirjautumisen URL-osoitteeseen /log.
Yhdistämään nämä URL-osoitteita vastaavat kansiot
yhteen yhteiseen kansioon nimeltä (auth).
Niin saamme seuraavan tiedostorakenteen:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Tehdään tiedosto rekisteröintisivulle:
export default function Reg() {
return <h1>register</h1>;
}
Tehdään tiedosto kirjautumissivulle:
export default function Log() {
return <h1>login</h1>;
}
Suorittaa oppitunnissa kuvatut toimenpiteet. Varmista, että kaikki toimii odotetusti.
