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:
import Link from 'next/link';
Mari ubah menu kita menggunakan komponen ini:
export default function Menu() {
return <>
<Link href="/">beranda</Link>
<Link href="/about">tentang</Link>
<Link href="/price">harga</Link>
<Link href="/contacts">kontak</Link>
</>;
}
Ubah menu Anda menggunakan
komponen Link.
Pastikan bahwa berpindah melalui tautan menu sekarang tidak menyebabkan pemuatan ulang halaman.
