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

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

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

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

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

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

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

export default function Reg() {
	return <h1>тіркелу</h1>;
}

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

export default function Log() {
	return <h1>кіру</h1>;
}

Сабақта сипатталған манипуляцияларды орындаңыз. Барлығы күтілгендей жұмыс істейтініне көз жеткізіңіз.