Next

[Next.js] 서버사이드렌더링

썽연 2022. 4. 21. 14:52
728x90

ServerSide렌더링

서버사이드렌더링이란?

  • 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법을 의미한다.
  • client쪽이 아닌, server쪽에서 작동하여, api같은 경우 모두 준비가 된 이후에 프론트 화면이 보여진다.

사용 이유?

  • 검색 엔진 최적화
  • 빠른 페이지 렌더링 (빈HTML이 아닌, 서버에서 미리 그려서 브라우저로 보내준다)

pageProps

_app.js 파일에서 Component와 pageProps를 주는 것을 볼 수 있었다.
이것은 getServerSideProps 함수 내에서 객체를 props로 받기 위해 pageProps를 스프레드연산자를 이용하여 사용해준 이유이다. ...pageProps

728x90