Maršrutų grupavimas NextJS

Kartais mums gali prireikti patogumui sugrupuoti kelis maršrutus į vieną aplanką taip, kad grupavimo aplankas nesukurtų atskiro segmento URL.

Norint tai padaryti, grupavimo aplanko vardas turi būti paimtas į apvaliuosius skliaustus. Pažiūrėkime pavyzdžiu.

Tegul pagal URL /reg norime padaryti registraciją, o pagal URL /log - autorizavimą. Sujungkime aplankus, atitinkančius šiuos URL į vieną bendrą aplanką su pavadinimu (auth).

Taip gausime tokią failų struktūrą:

• /app//(auth)//reg/page.jsx/log/page.jsx

Sukurkime failą registracijos puslapiui:

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

Sukurkime failą autorizavimo puslapiui:

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