Maršrutu grupēšana NextJS

Dažreiz mums var būt nepieciešams ērtības labad sagrupēt vairākus maršrutus vienā mapē tā, lai grupējošā mape neradītu atsevišķu segmentu URL.

Lai to izdarītu, grupējošās mapes nosaukums jāieliek apaļās iekavās. Apskatīsim to ar piemēru.

Pieņemsim, ka ar URL /reg mēs vēlamies izveidot reģistrāciju, bet ar URL /log - autorizāciju. Apvienosim mapes, kas atbilst šiem URL, vienā kopējā mapē ar nosaukumu (auth).

Tādējādi mēs iegūsim šādu failu struktūru:

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

Izveidosim failu reģistrācijas lapai:

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

Izveidosim failu autorizācijas lapai:

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