NextJS ֆրեյմվորքի աշխատանքի հիմնական սկզբունքը

Նախորդ դասերում մենք տեղադրեցինք NextJS ֆրեյմվորքը և ծանոթացանք նրա հիմնական կառուցվածքին։ Ժամանակն է ձեռնամուխ լինել հիմնական աշխատանքին։

NextJS-ի հիմնական մասը ռաութինգն է։ Ռաութինգն աշխատում է այսպես. երբ օգտատերը ներմուծում է բրաուզերի հասցեական տողում ինչ-որ URL, NextJS ֆրեյմվորքը կտրամադրի բրաուզերին որոշակի ֆայլ, որը համապատասխանում է այդ URL-ին։

NextJS-ում ռաութինգը կազմակերպված է հատուկ կերպով։ Դրա էությունը կայանում է նրանում, որ յուրաքանչյուր հարցված URL-ին համապատասխանում է որոշակի պանակ src/app-ի ներսում։

Այդ դեպքում պանակի ներսում պետք է լինի ֆայլ page.jsx անունով։ Հենց այս ֆայլն է, որ կտրամադրվի բրաուզերին։ Ընդ որում, այս ֆայլում մենք կգրենք JSX-ով կոդ, իսկ բրաուզերին կուղարկվի էջի պատրաստի HTML կոդը։

Եկեք նայենք օրինակով։ Ենթադրենք, մենք ուզում ենք, որ /test/ URL-ով տրամադրվի ինչ-որ տեքստ։

Ստեղծենք համապատասխան պանակ՝ src/app/test։ Այս պանակի ներսում ստեղծենք page.jsx ֆայլը հետևյալ պարունակությամբ.

export default function Test() {
	return <h1>բարև, օգտատեր</h1>;
}

Բացեք մեր URL-ը բրաուզերում. /test: Եվ դուք կտեսնեք մեր կողմից JSX ֆայլի ներսում գրված տեքստը։

Փորձեք փոխել տեքստը և պահպանել ֆայլը։ Դրանից հետո տեքստը ավտոմատ կերպով կփոխվի նաև բրաուզերում։ Ահա այսպես է աշխատում NextJS-ը մշակման ռեժիմում։

Կարգավորեք այնպես, որ /about հասցեին դիմելիս բրաուզերում ցուցադրվի հաղորդագրություն ձեր անունով և ազգանունով։