[Next.js] SSR의 특징, 장/단점

정세영·2023년 7월 14일
1

Next.js

목록 보기
7/12

SSR이란?

Server Side Rendering
렌더링하는 주체가 서버이고, 요청시 렌더링된다.

미리 렌더링해두는 것이 아니라 클라이언트 측에서 요청을하면 렌더링을 해서 클라이언트에게 보내준다.

서버에 우리가 배포한 웹 애플리케이션이 있고
클라이언트에서 웹페이지 정보를 달라고 요청하면
서버에서 코드를 읽고 fetching해야할 데이터들 fetching한 후
HTML 파일을 만들어서 클라이언트에게 보내준다.

미리 렌더링을 해두는 SSG나 ISR과는 다르게 클라이언트가 요청할 때 렌더링을 하는 것이다.


SSR의 장점

SSG와 ISR의 장점 +

실시간 데이터를 사용!

항상 최신의 데이터를 반영한 html을 받을 수 있음

사용자별 데이터 제공 가능

요청할 때마다 렌더링하기 때문에 사용자마다 다른 데이터를 보여줄 수 있음

SSR의 단점

비교적 느릴 수 있음

요청을 할 때마다 렌더링을 해야하기 때문에 SSG와 ISR에 비해 느릴 수 있다.

서버의 과부하가 걸릴 수 있음

서버의 overhead가 높아진다고도 함
매요청마다 페이지를 다시 만들어야하기 때문에 사용자가 많아지면 과부하가 오기 쉬움

CDN에 캐시가 안됨

요청할 때 마다 만들기 때문에 캐시할 수 없음

profile
룰루랄라 개발일지🎶❤️‍🔥🧑‍💻❤️‍🔥🎵

0개의 댓글