Основен принцип на работа на фреймуърка NextJS
В предишните уроци ние инсталирахме фреймуърка NextJS и се запознахме с неговата основна структура. Време е да се заемем с основната работа.
Основна част на NextJS е роутинг. Роутингът работи по следния начин: когато потребителят въведе в адресната лента на браузъра някакъв URL, фреймуъркът NextJS ще върне в браузъра определен файл, съответстващ на този URL.
Роутингът в NextJS е устроен по особен начин.
Същността му се състои в това, че на всеки
заявен URL съответства някаква
папка вътре в src/app.
При това вътре в папката трябва да има
файл с име page.jsx.
Exactly този файл ще бъде върнат
в браузъра. При това в този файл ние
ще пишем код на JSX, а в браузъра
ще се изпраща готов HTML код на страницата.
Нека да разгледаме един пример.
Да предположим, че искаме при URL /test/
да се връча някакъв текст.
Нека създадем съответната папка: src/app/test.
Вътре в тази папка ще направим файл page.jsx
със следното съдържание:
export default function Test() {
return <h1>hello, user!</h1>;
}
Отворете в браузъра нашия URL: /test. И ще видите текста, написан от нас вътре в JSX файла.
Опитайте да промените текста и да запишете файла. След това текстът автоматично ще се промени и в браузъра. Така работи NextJS в режим на разработка.
Направете така, че при зов на адрес
/about в браузъра да се извежда
съобщение с вашето име и
фамилия.
