Parimi Bazë i Funksionimit të Framework-ut NextJS

Në mësimet e mëparshme ne instaluam framework-un NextJS dhe u njohëm me strukturën e tij bazë. Erdh koha për t'u marrë me punën kryesore.

Pjesa kryesore e NextJS është routing. Routing-u funksionon kështu: kur përdoruesi fut në shiritin e adresave të shfletuesit ndonjë URL, framework-u NextJS do ta dërgojë në shfletues një skedar të caktuar, që i përgjigjet atij URL.

Routing-u në NextJS është i organizuar në mënyrë të veçantë. Thelbi i tij qëndron në faktin se çdo URL të kërkuar i përgjigjet një dosje e brendshme brenda src/app.

Në këtë rast, brenda dosjes duhet të jetë skedar me emrin page.jsx. Pikërisht ky skedar do të dërgohet në shfletues. Për më tepër, në këtë skedar ne do të shkruajmë kod në JSX, ndërsa në shfletues do të dërgohet kodi i gatshëm HTML i faqes.

Le ta shohim me një shembull. Le të themi se duam që në URL /test/ të dërgohet një tekst i caktuar.

Le të krijojmë dosjen përkatëse: src/app/test. Brenda kësaj dosjeje le të krijojmë skedarin page.jsx me përmbajtjen e mëposhtme:

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

Hapni në shfletues URL-në tonë: /test. Dhe ju do të shihni tekstin e shkruar nga ne brenda skedarit JSX.

Provoni të ndryshoni tekstin dhe ruajeni skedarin. Pas kësaj, teksti automatikisht do të ndryshojë edhe në shfletues. Kështu funksionon NextJS në modalitetin e zhvillimit.

Bëni që kur i drejtoheni adresës /about në shfletues të shfaqet një mesazh me emrin tuaj dhe mbiemrin.