Next.js
Link

Link

Komponen <Link> dalam Next.js digunakan untuk membuat tautan navigasi antar-halaman di dalam aplikasi web. Berikut ini adalah cara penggunaannya:

import Link from "next/link";
 
<Link href="/halaman/target">
  <a>Teks Tautan</a>
</Link>;

Dalam contoh di atas, href menunjukkan rute halaman yang akan dituju ketika tautan diklik. Teks di dalam tautan <a> adalah teks yang akan ditampilkan kepada pengguna. Saat tautan ini diklik, aplikasi akan melakukan navigasi ke halaman yang ditentukan oleh href.

Contoh Penggunaan Tambahan:

  • Menggunakan variabel dinamis di dalam tautan
const postId = 1;
<Link href={`/posts/${postId}`}>
  <a>Halaman Posting</a>
</Link>;

Penggunaan variabel di dalam tautan memungkinkan pembuatan tautan dinamis berdasarkan data yang bervariasi, seperti ID posting (postId) dalam contoh di atas.

Selengkapnya bisa baca dokumentasi pada Next.js → Components - Link (opens in a new tab)

PagesHooks