본문 바로가기
next.js

getStaticPaths [동적 라우팅]

by 엉덩이가 무거운 개발자 2021. 10. 25.

페이지 path는 외부 데이터에 달려있다.
다이나믹 라우팅 [id].js 일 경우 사용한다.

getStaticProps 사용해주면  반드시 getStaticPaths  있어야 한다.

 

getStaticPaths 를 사용하기 전에 라이브러리 하나만들자.

반드시 [ { params: { } } ] 

배열안에 object 인 params key 값을 가져야한다.

두개 세트

fallback : true, 

path: [ {params :  { id : '1' }} ]
... 3

 

현재 4번에 해당하는 글이 없다면,
fallback : true 일 경우

 서버로 부터 불러온다.

서버로 부터 불러오는동안 로딩중... 이보인다

 

 

'next.js' 카테고리의 다른 글

Pre-rendering  (0) 2021.10.23
next.js에서 css사용해보자  (0) 2021.10.22
라우팅 하기 in next.js  (0) 2021.10.22