👍 페이지 새로고침 없이 탐색을 지원하는 SPA를 구축할 수 있게 하여 뛰어난 사용자 경 험을 제공 👎 페이지의 복잡성이 증가하면 페이지 렌더링에 필요한 자바스크립트 코드의 복잡성과 크기도 증가 👎 SEO에 SSR보다는 좋지 않다
모든 요청마다 HTML을 생성
- 개인 맞춤형 데이터를 포함하는 페이지에 가장 적합
- 인증 상태에 따라 렌더링 여부를 결정해야 하는 페이지에도 적합
전체 페이지의 HTML을 빌드 시점에 미리 생성하며, 다음 빌드 때 까지 변경되지 않는다.
- 자주 변경되지 않고 누가 요청하든 동일한 데이터를 표시하는 페이지 에 가장 적합
- 👍 페이지 요청을 처리하고, HTML 콘텐츠를 렌더링하고, 응답하는 데 걸리는 시간을 상당히 단축할 수 있다.
정적 렌더링과 SSR을 결합한 방식 특정 정적 페이지만 미리 렌더링하고 동적 페이지는 사용자 요청 시에 on-demand 방식으로 렌더링
👍 빌드 시간이 단축되며, 특정 시간 간격마다 캐시를 자동으로 무효 화하고 페이지를 다시 생성가능
ISR은 빌드 후 기존 정적 사이트에 점진적으로 업데이트를 적용하기 위해 두 가지 측면에서 작동합니다.
- 새로운 페이지 추가 허용 : 지연 로딩 사용, 새로운 페이지가 생성되는 동안 로딩 화면을 보여줄 수 있다.
- 기존 페이지 업데이트