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

Tehdään tiedosto rekisteröintisivulle:

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

Tehdään tiedosto kirjautumissivulle:

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