[NextJs] NextJs 13버전 getStaticProps 트러블슈팅

 

 

 

NextJs 13버전으로 포트폴리오 제작을 이어가던 중, SSG 관련 문제가 발생하였습니다. 

 

 

SSG를 통해 페이지가 빌드될때 필요한 데이터를 getStaticProps 함수에 담아 사용해보려 했으나, 

 

 

결과값 : undefined

 

 

위 결과처럼 getStaticProps 함수에서 반환된 데이터가 undefined가 반환되고 있습니다.

열심히 정보를 찾아보니 getStaticProps를 통한 SSG는 NextJs 12 버전까지만 지원한다는 사실을 알게되었고,

추가로 NextJs 공식문서에 13버전에서 DataFetching은 Fetch 함수를 통해

SSG를 이루면 된다는 사실도 볼 수 있었습니다.

NextJs 공식문서 DataFetching For example

 

 

위 형태로 SSG를 진행하자 undefined로 반환됐던 값들이 원하는 내용을 반환하기 시작했습니다.

 

fetch를 이용한 SSG

 

 

 

문제 해결-!