SSR (Server Side Rendering) vs SPA (Single Page App), 내 앱은 뭘로 개발해야 할까?

요약

검색엔진 노출, 애드센스 광고 수익 등이 핵심이라면 SSR

 

그렇지 않으면 SPA

 

장단점 비교

	SSR	SPA
검색엔진 노출	O (페이지를 서버단에서 렌더링하기 때문에 검색엔진 크롤러가 크롤링하기 쉬움)	△ (최근 검색엔진 크롤러는 어느정도 크롤링할 수 있다고는 함)
구글(Google) 애드센스 호환	가능	불가능 (애드센스는 SPA앱을 지원하지 않음 - “콘텐츠 없음”)
초기로딩 속도	매우 빠름 (요청한 페이지만 응답해주기 때문에 빠름)	느림 (첫 요청 시 전체 앱을 다 불러오므로 느림)
구현 난이도	상대적으로 높음 (SPA + α 지식 필요)	낮음
운용 비용	상대적으로 높음 (클라우드 운용 시 작은 가상컴퓨터는 얻어야됨)	낮음 (여러 무료플랫폼에 디플로이 가능)
유용한 프레임워크	next.js - React nuxt.js - Vue (SSR은 물론이고 SSR + CSR 구현도 쉽게 해줌)	React, Vue, Angular, Bootstrap