NextJS'te Sıradan Menü Sorunu

Önceki derste sıradan bağlantılardan bir menü yaptık:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <a href="/">home</a>
    <a href="/about">about</a>
    <a href="/price">price</a>
    <a href="/contacts">contacts</a>
  </>;
}

Şimdi bununla ilgili bazı sorunları tartışalım. Gerçek şu ki, bu menüdeki bağlantılara tıklamak tüm sayfanın yeniden yüklenmesine neden oluyor. Bu SEO açısından doğru olsa da, performans açısından pek optimal değil. Çünkü sayfa yenilendiğinde, sitede sadece içerik değişmesine rağmen tüm site şablonunu tekrar indiriyoruz. En uygunu sadece sayfa içeriğini indirmek olurdu.

NextJS'te bu sorunun bir çözümü bulunuyor. Bunu bir sonraki derste ele alacağız.