Menu Lanjutan dalam NextJS

Dalam pelajaran sebelumnya, kami membincangkan masalah menu daripada pautan biasa. NextJS boleh menyelesaikan masalah ini dan memastikan navigasi melalui pautan tidak menyebabkan keseluruhan halaman dimuat semula. Untuk pengoptimuman prestasi, hanya bahagian yang berubah akan dimuatkan melalui Ajax.

Untuk ini, bukannya pautan, kami akan menggunakan komponen khas Link. Importnya:

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

Mari ubah suai menu kami melalui komponen ini:

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