NextJS Frameworkining Asosiy Ish Prinsipi

Oldingi darslarda biz NextJS frameworkini o'rnatdik va uning asosiy tuzilishi bilan tanishdik. Endi asosiy ish bilan shug'ullanish vaqti keldi.

NextJSning asosiy qismi routing hisoblanadi. Routing shunday ishlaydi: foydalanuvchi brauzerning manzil satriga qandaydir URL ni kiritganda, NextJS frameworki brauzerga shu URLga mos keladigan ma'lum bir faylni beradi.

NextJSdagi routing o'ziga xos tarzda tashkil etilgan. Uning mazmuni shundan iboratki, har bir so'ralgan URL uchun src/app ichida ma'lum bir papka mavjud.

Bunda papka ichida page.jsx nomli fayl bo'lishi kerak. Aynan shu fayl brauzerga beriladi. Bundan tashqari, ushbu faylda biz JSX da kod yozamiz, brauzerga esa sahifaning tayyor HTML kodi yuboriladi.

Keling, misol bilan ko'rib chiqaylik. Faraz qilaylik, biz /test/ URL uchun ma'lum bir matn chiqishini xohlaymiz.

Mos keladigan papkani yaratamiz: src/app/test. Ushbu papka ichida page.jsx faylini quyidagi tarkib bilan yaratamiz:

export default function Test() {
	return <h1>hello, user!</h1>;
}

Brauzeringizda bizning URL ni oching: /test. Va siz JSX fayli ichida biz yozgan matnni ko'rasiz.

Matnni o'zgartirishga harakat qiling va faylni saqlang. Shundan so'ng matn avtomatik ravishda brauzerdagi matn ham o'zgaradi. NextJS ishlab chiqarish rejimida shunday ishlaydi.

/about manziliga murojaat qilinganda brauzerga sizning ismingiz va familiyangiz bilan xabar chiqarilishi uchun sozlang.