NextJS Freymvorqunun Esas Is Prinsipi

Evvelki derslerde biz NextJS freymvorqunu qurduq ve onun esas qurulusu ile tanis olduq. Esas isle meşgul olmaq vaxtıdır.

NextJS-in esas hissesi routing-dir. Routing belə işleyir: istifadəçi brauzerin ünvan sətrinə hansısa URL daxil etdikdə, NextJS freymvorqu brauzerə hemin URL-ə uyğun gelen müəyyən bir faylı verecek.

NextJS-də routing xüsusi qurulub. Onun mahiyyəti ondan ibarətdir ki, her bir soruşulan URL src/app qovluğu daxilinde müəyyən bir qovluğa uyğun gelir.

Bununla bele, qovluq daxilinde page.jsx adlı bir fayl olmalıdır. Brauzere verilecek olan tam olaraq bu fayldır. Üstəlik, bu faylda biz JSX dilinde kod yazacayıq, brauzere ise sehifenin hazır HTML kodu gönderilecek.

Gelin bir misala baxaq. Tutaq ki, biz istəyirik ki, /test/ URL-i üzre brauzere bir mətn verilsin.

Uyğun qovluğu yaradaq: src/app/test. Bu qovluq daxilinde page.jsx faylını aşağıdakı terkibde edek:

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

Brauzerinizde bizim URL-i açın: /test. Ve siz JSX faylı daxilinde yazdığımız mətni göreceksiniz.

Mətni deyişmeyi sınayın ve faylı saxlayın. Bundan sonra mətn avtomatik olaraq brauzerde de deyişecek. NextJS inkişaf rejiminde belə işleyir.

Elə edin ki, /about ünvanına müraciet edildikde brauzere adınız ve soyadınız ile bir mesaj çıxsın.