← Next.js3 / 57

Dynamic Route [slug]

Folder dengan kurung siku [slug] membuat route dinamis (seperti /blog/post-1). Parameter slug diakses via params.slug.

👀 Contoh dulu

export default async function BlogPost({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params;
  return <h1>Post: {slug}</h1>;
}

Hasilnya: <h1>Post: react-tutorial</h1> saat mengakses /blog/react-tutorial

💡 Di Next.js terbaru, params bertipe Promise yang di-await.

📝 Sekarang giliranmu

Lengkapi komponen di bawah dengan mengekstrak nilai id dari argumen params menggunakan sintaks await. Ingat, di Next.js terbaru params adalah sebuah Promise.

Preview
← SebelumnyaBerikutnya →