NextJS Framework-ynyň Esas Iş Prinsipi

Öňki sapaklarda biz NextJS framework-uny gurduk we onuň düýpli gurluşy bilen tanşdyk. Esas işe başlamak wagty geldi.

NextJS-iň esasy bölegi routing (roýting) bolup durýar. Roýting şeýle işleýär: ulanyjy brauzeriň salgys setirine haýsy-da bolsa bir URL ýazanda, NextJS framework-i brauzere şol URL-a laýyk gelýän belirli faýly üpjün eder.

NextJS-de roýting aýratyn usulda düzülen. Onuň möhümi şonda: her bir haýyş edilen URL üçin src/app içinde belli bir papka bar bolmaly.

Şeýle hem, bu papkanyň içinde page.jsx diýen atly faýl bolmaly. Brauzere üpjün ediler ýaly-de şol faýl bolar. Hem-de bu faýlda biz JSX-de kod ýazarys, brauzere bolsa sahypanyň taýýar HTML kody iberiler.

Geliň mysal üçine seredeliň. /test/ URL üçin belli bir tekstiň üpjün edilmegini isleýändigimizi aýdalym.

Degişli papkany döredeliň: src/app/test. Bu papkanyň içinde page.jsx faýlyny aşakdaky mazmunda ýasalyň:

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

Brauzeriňizde URL-ymyzy açyň: /test. JSX faýlynyň içinde ýazan tekstiňizi görersiňiz.

Teksti üýtgediň we faýly ýatdyryň. Şondan soň tekst awtomatiki ýagdaýda brauzerde hem üýtger. Işläp taýýarlanma tertibinde NextJS şeýle işleýär.

/about salgysyna ýüzlenilende brauzere adyňyzy we familiýaňyzy görkezýän habaryň çykýan ýaly ediň.