[Next.js & React] 프로젝트 시간 페이지 사전 렌더링 & 데이터 페칭

이 글은 udemy의 Next.js & React - 완벽 정복 가이드 (incl. Two Paths) 강좌를 바탕으로 정리한 내용입니다.

124. 모듈 요약 

 

getStaticProps 함수도 실행해보고 유효성 재검사 옵션을 통해 해당 컴포넌트가 배치되고 주기적으로 재생성하게 설정해봤습니다.

또한 getStaticPaths 함수를 결합하여 동적 페이지를 생성했고 폴백 옵션을 추가함으로써 예상되는 모든 경우의 인스턴스에 알아서 대응할 수 있도록 했습니다. 

getServerSideProps 함수도 실행하는 걸 확인했습니다. 하지만 클라이언트 사이드 데이터 페칭으로 전환했습니다. 그 함수는 다음에 실습할 수 있습니다. 이제 여러분은 Next.js에서 쓸 수 있는 데이터 페칭의 핵심 구조를 배웠습니다. 그중 일부를 결합해서 활용하는 법도 배웠습니다. 클라이언트 사이드 데이터 페칭과 정적 생성을 결합한 것처럼요. 

라우트 구조를 정의하는 페이지도 있고 해당 페이지에 사전 렌더링을 수행해서 필요한 데이터를 불러오는 페이지도 있습니다. 다시 말해 이 모듈은 매우 중요한 실습용 모듈인 거죠. Next.js를 제대로 다룰 준비가 된 겁니다.

 

---

https://www.udemy.com/course/nextjs-react-incl-two-paths/