Основни принцип рада оквира NextJS

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

Главни део NextJS је рутирање. Рутирање функционише на следећи начин: када корисник унесе у адресну траку претраживача неки URL, оквир NextJS ће доставити претраживачу одређену датотеку, која одговара том URL-у.

Рутирање у NextJS је организовано на посебан начин. Његова суштина се састоји у томе да сваком затраженом URL-у одговара нека фасцикла унутар src/app.

При томе унутар фасцикле мора да се налази датотека са називом page.jsx. Управо та датотека ће бити достављена претраживачу. Штавише, у овој датотеци ми ћемо писати код на JSX-у, а у претраживач ће бити послат готови HTML код странице.

Хајде да погледамо на примеру. Претпоставимо да желимо да се на URL /test/ достави неки текст.

Направимо одговарајућу фасциклу: src/app/test. Унутар ове фасцикле направимо датотеку page.jsx са следећим садржајем:

src/app/test/page.jsxexport default function Test() {
  return <h1>hello, user!</h1>;
}

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

Покушајте да промените текст и сачувајте датотеку. Након тога текст ће се аутоматски променити и у претраживачу. Тако ради NextJS у режиму развоја.