Kanuni ya Msingi ya Kufanya Kazi ya NextJS Framework

Katika masomo yaliyopita tulisakinisha NextJS framework na tukafahamiana na muundo wake wa msingi. Ni wakati wa kushughulika na kazi kuu.

Sehemu kuu ya NextJS ni ukanda. Ukanda hufanya kazi hivi: wakati mtumiaji anaingiza kwenye upau wa anwani ya kivinjari URL fulani, NextJS framework itatoa kwa kivinjari faili maalum, inayolingana na URL hiyo.

Ukanda katika NextJS umeundwa kwa njia maalum. Kiini chake ni kwamba kila URL iliyoombwa inalingana na folda fulani ndani ya src/app.

Wakati huo huo, ndani ya folda lazima iwe na faili yenye jina page.jsx. Huu ndio faili utakayotolewa kwa kivinjari. Na katika faili hii sisi tutaandika msimbo wa JSX, na kwa kivinjari itatumwa msimbo ulio tayari wa HTML wa ukurasa.

Tuangalie kwa mfano. Tuseme tunataka, ili kwa URL /test/ itolewe maandishi fulani.

Tutengeneze folda inayofanana: src/app/test. Ndani ya folda hii tutafanya faili page.jsx yenye yaliyomo kama ifuatavyo:

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

Fungua kwenye kivinjari URL yetu: /test. Na utaona maandishi, yaliyoandikwa na sisi ndani ya faili ya JSX.

Jaribu kubadilisha maandishi na kuokoa faili. Baada ya hapo maandishi yatabadilika moja kwa moja na kwenye kivinjari. Hivi ndivyo NextJS inavyofanya kazi katika hali ya ukuzaji.

Fanya ili wakati wa kuelekea anwani /about kwenye kivinjari itoe ujumbe na jina lako na jina la ukoo.