ფრეიმვორკ 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 განვითარების რეჟიმში.