ჩვეულებრივი მენიუს პრობლემა NextJS-ში

წინა გაკვეთილში ჩვენ გავაკეთეთ მენიუ ჩვეულებრივი ბმულებიდან:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <a href="/">მთავარი</a>
    <a href="/about">შესახებ</a>
    <a href="/price">ფასები</a>
    <a href="/contacts">კონტაქტი</a>
  </>;
}

ახლა კი მოდით განვიხილოთ ამასთან დაკავშირებული რამდენიმე პრობლემა. საქმე ისაა, რომ ამ მენიუს ბმულებზე გადასვლა იწვევს მთელი გვერდის გადატვირთვას. ეს სწორია SEO-ს თვალსაზრისით, მაგრამ არა ოპტიმალური პროდუქტიულობის თვალსაზრისით. საქმე ისაა, რომ გვერდის გადატვირთვისას ჩვენ ვქმნით საიტის მთელ ლეაუტს, თუმცა მასში იცვლება მხოლოდ კონტენტი. ოპტიმალური იქნებოდა მხოლოდ გვერდის კონტენტის ჩამოტვირთვა.

NextJS-ში გათვალისწინებულია ამ პრობლემის გადაწყვეტა. მას შემდეგ გაკვეთილში განვიხილავთ.