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:

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

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

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

Dərsdə təsvir olunan manipulyasiyaları yerinə yetirin. Hər şeyin gözlənildiyi kimi işlədiyinə əmin olun.