Next15의 서버사이드 렌더링과 서버 컴포넌트

Next + React Query로 SNS 서비스 만들기

브라우저 주소 app 폴더에 반영하기

작성

229

수정됨

안녕하세요! Next 강좌를 보던 중 헷갈리는게 있어 질문을 올리게 되었습니다!

다름이아니라, 현재 next15에서 getServerSideProps 등이 사라진걸로 알고있는데 그럼 서버사이드 렌더링을 서버 컴포넌트로 대체하는건지 여쭤보려고 합니다!

서버사이드 렌더링과 서버 컴포넌트는 다른 개념이라고 알고있는데 결국 서버사이드 렌더링을 서버 컴포넌트를 이용해서 구현하는 것인지,, 그게 궁금합니다!

답변 1

지식공유자

getServerSideProps는 pages router에 남아있습니다.

앱라우터에서는 하이드레이션과 서버컴포넌트를 활용해서 ssr을 합니다. 다른 개념이긴하지만 서버컴포넌트가 데이터 불러올 용으로 필요하긴 합니다.

그렇다면 혹시 앱 라우터에서 [type]/page.tsx 등 동적 경로 페이지에서 fetch하는게 ssr이고, about.tsx 등 정적인 페이지에서 fetch하는게 ssg가 맞을까요??

app router에서는 ssr, ssg를 구현할수있는 getServerSideProps 등이 없어져서 너무 헷갈립니다..!

또한 페이지 단위에서 사용하는 서버 컴포넌트를 동적 경로 페이지에서는 ssr, 정적 경로는 ssg로 보는게 맞을까요?

지식공유자

둘은 dynamic/static api 사용 여부에 따라 결정됩니다. 동적 경로 페이지는 ssr일 가능성이 높긴 합니다. 정적 경로 페이지도 api에 따라 ssr이 될 수 있습니다. 이에 대해서는 나중 강의에 나옵니다.

인프런 커뮤니티 질문&답변