NextJS-də marşrutların qruplaşdırılması

Bəzən, rahatlıq üçün bir neçə marşrutu bir qovluqda elə qruplaşdırmaq lazım gələ bilər ki, qruplaşdıran qovluq URL-də ayrıca seqment yaratmasın.

Bunun üçün qruplaşdıran qovluğun adı dairəvi mötərizələr içərisində yazılmalıdır. Gəlin bir nümunəyə baxaq.

Tutaq ki, /reg URL-i üçün qeydiyyat, /log URL-i üçün isə avtorizasiya səhifəsi etmək istəyirik. Bu URL-lərə uyğun gələn qovluqları (auth) adlı ümumi bir qovluqda birləşdirək.

Beləliklə, aşağıdakı fayl strukturunu əldə edəcəyik:

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

Gəlin qeydiyyat səhifəsi üçün faylı yaradaq:

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

Gəlin avtorizasiya səhifəsi üçün faylı yaradaq:

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