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

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

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

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

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

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

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

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

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

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