계약직·정규직 제안 모두 열려 있습니다(토론토 · 리모트 협업)대화 나누기
굳이 다 SSR로 만들 필요는 없다: Next.js에서 현실적인 렌더링 선택법

2022년 1월 1일

굳이 다 SSR로 만들 필요는 없다: Next.js에서 현실적인 렌더링 선택법

nextjsrenderingssrcsrisrperformancearchitecture

SSR/ISR/CSR을 언제 어떻게 쓸지, 실제 Next.js 프로젝트 기준으로 정리한 현실적인 가이드입니다. “이 데이터가 정말 매 요청마다 최신이어야 하는가?”에서 출발합니다.

1첫 질문은 “요청마다 최신이어야 하는가?”이다
2사용자별로 달라지지 않는 페이지는 static + revalidate가 기본값
3로그인/대시보드처럼 사용자 상태에 민감한 화면에만 SSR을 쓴다
4위젯·카운터·내부 도구는 CSR만으로도 충분한 경우가 많다
5한 페이지 안에서도 서버/클라이언트 컴포넌트를 섞어서 쓸 수 있다