NextJS-тегі маршруттарды топтау

Кейде бізге ыңғайлылық үшін бірнеше маршрутты бір бумаға біріктіру қажет болуы мүмкін, сол кезде топтастырушы бума URL-да жеке сегмент құрмайды.

Ол үшін топтастырушы буманың атауын дөңгелек жақшаға алу керек. Мысал арқылы қарастырайық.

/reg URL арқылы біз тіркеуді, ал /log URL арқылы - авторизацияны жасағымыз келеді. Осы URL-ға сәйкес келетін бумаларды (auth) атауы бар ортақ бумаға біріктіреміз.

Осылайша бізде келесі файлдық құрылым пайда болады:

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

Тіркеу беті үшін файл жасайық:

app/(auth)/reg/page.jsxexport default function Reg() {
  return <h1>тіркелу</h1>;
}

Авторизация беті үшін файл жасайық:

app/(auth)/log/page.jsxexport default function Log() {
  return <h1>кіру</h1>;
}