[NextJS] 페이지 컴포넌트 props

Dynamic Routes - slug

 

 

NextJS14에서는 상기 이미지와 같이 [slug]라는 Dynamic Routes를 사용하였을 때 아래와 같은 문법으로 Route Parameter를 사용할 수 있다.

 

export default function BlogPostPage({ params }) {
  return (
    <main>
      <h1>Blog Post</h1>
      <p>{params.slug}</p>
    </main>
  );
}