NextJS фреймворкунун негизги иштөө принциби

Алдынкы сабактарда биз NextJS фреймворкун орноттук жана анын негизги структурасы менен тааныштык. Негизги ишке киришүү убагы келди.

NextJSтин негизги бөлүгү роутинг болуп саналат. Роутинг төмөнкүдөй иштейт: колдонуучу браузердин дарек сабына кандайдыр бир URL тергенде, NextJS фреймворку браузерге ошол URLге туура келген белгилүү бир файлды берет.

NextJSтеги роутинг өзгөчө жол менен уюштурулган. Анын маңызы, ар бир суралган URL src/app ичиндеги белгилүү бир папкага туура келет.

Бул учурда папканын ичинде page.jsx аталган файл болушу керек. Так ушул файл браузерге берилет. Үстөкө, бул файлда биз JSX жазбасында код жазабыз, ал эми браузерге даяр HTML барак коду жөнөтүлөт.

Келгиле, мисал аркылуу карайлы. /test/ URL боюнча бир текст берилишин каалайлы дейли.

Туура келген папканы түзөлү: src/app/test. Бул папканын ичинде төмөнкү мазмундуу page.jsx файлын жасайлы:

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

Браузерибизде биздин URLди ачыңыз: /test. Жана сиз JSX файлынын ичинде биз жазган тексти көрөсүз.

Текстти өзгөртүп көрүңүз жана файлды сактаңыз. Андан кийин текст браузерде да автоматтык түрдө өзгөрөт. NextJS ошол жол менен өнүктүрүү режиминде иштейт.