Основен принцип на работа на фрејмворкот NextJS

Во претходните лекции ние го инсталиравме фрејмворкот NextJS и се запознавме со неговата основна структура. Дојде време да се посветиме на основната работа.

Основен дел од NextJS е рутирање. Рутирањето функционира на следниов начин: кога корисникот внесе во адресната лента на прелистувачот некој URL, фрејмворкот NextJS ќе доставува до прелистувачот одредена датотека, која одговара на тој URL.

Рутирањето во NextJS е организирано на посебен начин. Неговата суштина се состои во тоа што на секој побарани URL одговара некоја папка внатре во src/app.

Притоа, внатре во папката мора да се наоѓа датотека со име page.jsx. Токму оваа датотека ќе се доставува до прелистувачот. Згора на тоа, во оваа датотека ние ќе пишуваме код во JSX, а до прелистувачот ќе се испраќа готовиот HTML код на страницата.

Ајде да погледнеме на пример. Да претпоставиме дека сакаме, на URL /test/ да се испрати одреден текст.

Да ја создадеме соодветната папка: src/app/test. Внатре во оваа папка, да направиме датотека page.jsx со следнава содржина:

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

Отворете го во прелистувачот нашиот URL: /test. И ќе го видите текстот што го напишавме внатре во JSX датотеката.

Обидете се да го смените текстот и зачувајте ја датотеката. После тоа, текстот автоматски ќе се промени и во прелистувачот. Вака функционира NextJS во режим на развој.

Направете така што при пристапување на адресата /about во прелистувачот да се испечати порака со вашето име и презиме.