ფრეიმვორკ 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 მოთხოვნისას ბრაუზერში გამოიყოს
შეტყობინება თქვენი სახელით და
გვარით.
