Il problema del menu normale in NextJS

Nella lezione precedente abbiamo creato un menu con link normali:

/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>
  </>;
}

Ora discutiamo alcuni problemi associati a questo approccio. Il fatto è che la navigazione tramite i link di questo menu porta al ricaricamento dell'intera pagina. Questo è corretto dal punto di vista SEO, ma non è molto ottimale dal punto di vista delle prestazioni. Il fatto è che con il ricaricamento della pagina scarichiamo nuovamente l'intero layout del sito, anche se cambia solo il contenuto. Sarebbe più ottimale scaricare solo il contenuto della pagina.

NextJS fornisce una soluzione a questo problema. La esamineremo nella prossima lezione.