next.js

getStaticPaths [동적 라우팅]

엉덩이가 무거운 개발자 2021. 10. 25. 12:56

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

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

 

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

반드시 [ { params: { } } ] 

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

두개 세트

fallback : true, 

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

 

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

 서버로 부터 불러온다.

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