Групоўка роўтаў у NextJS

Часам нам можа спатрэбіцца для зручнасці згрупаваць некалькі роўтаў у адну папку так, каб групоўная папка не стварала асобны сегмент у URL.

Для гэтага імя групоўнай папкі след узяць у круглыя дужкі. Давайце паглядзім на прыкладзе.

Хай па URL /reg мы хочам зрабіць рэгістрацыю, а па URL /log - аўтарызацыю. Аб'яднаем папкі, якія адпавядаюць гэтым URL у адну агульную папку з імем (auth).

Такім чынам у нас атрымаецца наступная файлавая структура:

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

Зробім файл для старонкі рэгістрацыі:

export default function Reg() {
	return <h1>register</h1>;
}

Зробім файл для старонкі аўтарызацыі:

export default function Log() {
	return <h1>login</h1>;
}

Праканайце апісаныя ў урокі маніпуляцыі. Пераканайцеся, што ўсё працуе, як чакаецца.