Menu Lanjutan di NextJS

Dalam pelajaran sebelumnya, kita membahas masalah menu dari tautan biasa. NextJS dapat menyelesaikan masalah ini dan memastikan bahwa berpindah melalui tautan tidak menyebabkan pemuatan ulang seluruh halaman. Untuk mengoptimalkan kinerja, hanya bagian yang berubah yang akan dimuat melalui Ajax.

Untuk ini, alih-alih tautan, kita akan menggunakan komponen khusus Link. Impor komponen tersebut:

/src/comps/menu/menu.jsximport Link from 'next/link';

Mari ubah menu kita menggunakan komponen ini:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">beranda</Link>
    <Link href="/about">tentang</Link>
    <Link href="/price">harga</Link>
    <Link href="/contacts">kontak</Link>
  </>;
}