NextJS frameworka darbības pamatprincips

Iepriekšējās nodarbībās mēs instalējām NextJS frameworku un iepazināmies ar tā pamatstruktūru. Ir pienācis laiks ķerties pie galvenā darba.

NextJS galvenā daļa ir maršrutēšana. Maršrutēšana darbojas šādi: kad lietotājs ieraksta pārlūkprogrammas adreses joslā kādu URL, NextJS frameworks atgriezīs pārlūkprogrammā noteiktu failu, kas atbilst šim URL.

Maršrutēšana NextJS ir organizēta īpašā veidā. Tās būtība ir tāda, ka katram pieprasītajam URL atbilst kāda mape src/app iekšienē.

Turklāt mapes iekšienē ir jāatrodas failam ar nosaukumu page.jsx. Tieši šis fails tiks atgriezts pārlūkprogrammā. Un šajā failā mēs rakstīsim kodu JSX, bet pārlūkprogrammā tiks nosūtīts gatavs HTML lapas kods.

Apskatīsim piemērā. Pieņemsim, ka mēs vēlamies, lai pie URL /test/ tiktu atgriezts kāds teksts.

Izveidosim atbilstošo mapi: src/app/test. Šīs mapes iekšienē izveidosim failu page.jsx ar šādu saturu:

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

Atveriet mūsu URL pārlūkprogrammā: /test. Un jūs redzēsiet tekstu, ko mēs ierakstījām JSX faila iekšienē.

Mēģiniet nomainīt tekstu un saglabāt failu. Pēc tam teksts automātiski mainīsies arī pārlūkprogrammā. Tā darbojas NextJS izstrādes režīmā.

Iestatiet tā, lai, piekļūstot adresei /about, pārlūkprogrammā tiktu parādīts ziņojums ar jūsu vārdu un uzvārdu.