NextJS-də Adi Menyunun Problemi
Əvvəlki dərsdə biz adi keçidlərdən ibarət menyu etdik:
export default function Menu() {
return <>
<a href="/">home</a>
<a href="/about">about</a>
<a href="/price">price</a>
<a href="/contacts">contacts</a>
</>;
}
Gəlin indi bununla əlaqəli bəzi problemləri müzakirə edək. Məsələ ondadır ki, bu menyunun keçidləri ilə keçid bütün səhifənin yenidən yüklənməsinə səbəb olur. Bu SEO baxımından düzgündür, lakin performans baxımından çox optimal deyil. Məsələ ondadır ki, səhifə yenidən yüklənəndə, biz bütün sayt maketini yenidən yükləyirik, baxmayaraq ki, onda yalnız kontent dəyişir. Optimal olan, yalnız səhifənin kontentini yükləmək olardı.
NextJS-də bu problemin həlli nəzərdə tutulub. Bunu növbəti dərsdə nəzərdən keçirəcəyik.
Adi keçidlərlə keçidin səhifənin yenidən yüklənməsinə səbəb olduğuna əmin olun.