CSR: Client Side Rendering
- 하나의 html 파일을 가진 SPA를 만드는 방법
- 서버는 빈 html을 보내고, 클라이언트에서 자바스크립트를 사용해 웹페이지 렌더링
- 장점: 배포가 쉽다. 서버 모니터링이 필요 없다.
- 단점: 느리고, SEO에 불리하다.
SSR: Server Side Rendering
- 서버에서 런타임에 html을 생성한다.
- 장점: 페이지 로드 시에 내용이 채워진 html이 오기 때문에 SEO에 좋다.
SSG: Static Site Generation
- 서버에서 빌드 타임에 html을 생성한다.
- 캐싱이 가능하기 때문에 빠르고, 성능에 좋다.
- 개츠비
ISR: Incremental Static Regeneration
Next.js 공식 문서 보기
- 증분 생성: 빌드 타임과 런타임 모두에 생성
- 정적 페이지의 빌드와 배포가 끝난 이후에 업데이트할 수 있음. 전체를 다시 빌드하지 않고 SSG의 장점을 취할 수 있다.