Dynamic Routes
Penjelasan
Route dengan parameter dinamis dibuat lewat penamaan folder dalam kurung siku, mis. app/produk/[id]/page.js menangkap route /produk/berapa-pun-nilainya. Nilainya diterima lewat props params di komponen page-nya.
Contoh Konsep
// app/produk/[id]/page.js
export default function ProdukDetail({ params }) {
return <h1>Menampilkan produk dengan id: {params.id}</h1>;
}Praktikum
Bayangkan folder app/artikel/[slug]/page.js. Tulis komponennya yang menampilkan "Artikel: {params.slug}" dari props params yang diterima.
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
Nama folder dalam kurung siku ([id], [slug]) menentukan NAMA KEY di objek params — kalau folder-nya [id], params yang diterima punya properti params.id, BUKAN nama lain, jadi penamaan foldernya harus disengaja sesuai kebutuhan.