Next.js란?
Next.js는 React의 SSR을 쉽게 구현할 수 있게 도와주는 프레임워크
1. 모든 페이지를 사전 렌더링(Pre-rendering)
2. 더 좋은 퍼포먼스
3. 검색엔진 최적화(SEO)
정적 생성과 서버사이드 렌더링
중요한 것은! 언제 html을 생성하는가
1. 정적 생성
유저가 요청하기 전에 미리 만들어놔도 상관없는 파트
- 프로젝트가 빌드하는 시점에 html파일들이 생성
- 모든 요청에 재사용
- Next.js에서 권장하는 방식(퍼포먼스의 이유)
- 정적 생성된 페이지는 CDN에 캐시
getStaticProps/getStaticPaths
2. 서버사이드 렌더링
유저의 요청이 있을 때 만들어져야 하는 페이지
- 항상 최신 상태 유지
- 매 요청마다 html을 생성(퍼포먼스가 떨어질 수 있음)
getServerSideProps
#177584
