Osnovno načelo delovanja ogrodja NextJS

V prejšnjih lekcijah smo namestili ogrodje NextJS in se seznanili z njegovo osnovno strukturo. Prišel je čas za glavno delo.

Glavni del NextJS je usmerjanje. Usmerjanje deluje tako: ko uporabnik vpiše v naslovno vrstico brskalnika kakšen URL, bo ogrodje NextJS vrnilo brskalniku določeno datoteko, ki ustreza temu URL-ju.

Usmerjanje v NextJS je urejeno na poseben način. Bistvo je v tem, da vsakemu zahtevanemu URL-ju ustreza neka mapa znotraj src/app.

Pri tem mora biti znotraj mape datoteka z imenom page.jsx. Prav ta datoteka bo poslana brskalniku. Poleg tega bomo v tej datoteki pisali kodo v JSX, v brskalnik pa bo poslana pripravljena HTML koda strani.

Poglejmo si na primeru. Recimo, da želimo, da se po URL /test/ prikaže neko besedilo.

Ustvarimo ustrezno mapo: src/app/test. Znotraj te mape naredimo datoteko page.jsx z naslednjo vsebino:

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

Odprite v brskalniku naš URL: /test. In videli boste besedilo, ki smo ga napisali znotraj JSX datoteke.

Poskusite spremeniti besedilo in shranite datoteko. Po tem se bo besedilo samodejno spremenilo tudi v brskalniku. Tako deluje NextJS v načinu razvoja.

Naredite tako, da se pri dostopu na naslov /about v brskalniku izpiše sporočilo z vašim imenom in priimkom.