NextJS da route'larni guruhlash

Ba'zan qulaylik uchun bir nechta route'larni bitta papkaga shunday guruhlashimiz kerak bo'ladi, URL'da guruhlovchi papka alohida segment yaratmasligi kerak.

Buning uchun guruhlovchi papka nomini yumaloq qavs ichiga olish kerak. Keling, buni misol orqali ko'rib chiqaylik.

Faraz qilaylik, /reg URL orqali biz ro'yxatdan o'tishni, /log URL orqali esa avtorizatsiyani amalga oshirmoqchimiz. Ushbu URL'larga mos keladigan papkalarni (auth) nomli umumiy papkada birlashtiramiz.

Shu tarzda biz quyidagi fayl tuzilmasiga ega bo'lamiz:

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

Ro'yxatdan o'tish sahifasi uchun fayl yaratamiz:

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

Avtorizatsiya sahifasi uchun fayl yaratamiz:

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