Next.js getStaticPaths
·
TIL
토이프로젝트에서 동적 라우팅을 적용하며 Next.js의 기초인 getStaticPath와 getStaticProps에 대해 복습하며 정리를 해보았다. getStaticPath와 getStaticProps getStaticPaths는 페이지의 경로를 정적으로 생성한다. Yarn build로 next project를 빌드할 때 getStaticProps 내부의 API로 받은 또는 json으로 받은 데이터를 확인한 후 필요한 모든 경로에 대해 페이지를 프리 렌더링 해둘 수 있도록 해주는 역할을 한다. 또한 getStaticProps도 빌드 타임에 동작하므로 모든 경로에 대한 페이지가 미리 만들어져있게 된다. 하지만 빌드가 끝난 뒤 DB에 새로운 교회가 추가될 수 있는데, 그럴 때마다 next 전체를 빌드해서 ..