Next :: 동적라우팅 (게시글 페이지 만들기)

Next에서 동적라우팅하기

pages폴더에

 [이름].js 로 파일을 만들면

/pages/[id] 로 접속할 수 있다.

 

 

컴포넌트 안에서는  router.query 로 접근할 수 있다.

 

 

getServerSideProps

getServerSideProps에서는  context.params 를 통해 접근할 수 있다.

혹은 context.query를 사용해서.

 

 

 

 

컴포넌트 완성본

SEO를 위해서도 HEAD를 만들어 여러 속성들을 지정해 주는 것이 좋다.

 

og: 공유하기하면 미리보기뜸.

예를 들면 이런거

정 이야기 : 네이버 블로그