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
- /reg/
- /(auth)/
Ro'yxatdan o'tish sahifasi uchun fayl yaratamiz:
export default function Reg() {
return <h1>register</h1>;
}
Avtorizatsiya sahifasi uchun fayl yaratamiz:
export default function Log() {
return <h1>login</h1>;
}
Darsda tavsiflangan amallarni bajaring. Hamma narsa kutgandek ishlashiga ishonch hosil qiling.
