22.05.07 18:02 작성
·
446
0
// export async function getStaticPaths() {
// const await = axios.get('/post...')
// return {
// paths: [
// { params: { id: '1' } },
// { params: { id: '2' } },
// { params: { id: '3' } },
// { params: { id: '4' } },
// ],
// fallback: true,
// };
// }
답변 1
0
2022. 05. 07. 18:47
getStaticProps와 getStaticPaths도 모두 SSR입니다.
인프런으로 예를 들어보겠습니다. 모두가 똑같이 보는 공통 페이지들이 있죠? 예를 들어 메인페이지와 강좌 소개 페이지 등이 있습니다. 메인 페이지는 getStaticProps로 할 수 있고, 강좌 페이지들은 getStaticPath로 여러 강좌를 미리 렌더링해둘 수 있습니다. 그 페이지에서 개인화되어서 바뀌는 부분은 api 요청으로 따로 받아오면 됩니다. 또한 개인 대시보드 같은 것은 getServerSideProps 해도 되지만 그냥 CSR 해도 되고요. 이 부분은 선택의 영역입니다.
쿠팡도 마찬가지로 상품페이지들은 getStaticPath로 미리 만들어두고 개인화면은 CSR로 불러옵니다. 쿠팡이 next를 썼는지는 모르겠지만 일단 원리는 그렇습니다.