next - getServerSideProps

getServerSideProps : 요청(request)아 있을 때 데이터를 불러옴

- SSR (Server Side Rendering)
- pre-render가 꼭 필요한 동적 데이터가 있는 page에 사용
- 내용을 언제든 동적으로 수정이 가능


설정 
: 어떤 페이지에서 getServerSideProps 함수를 async로 export하면, Next는 각 요청(request)마다 리턴되는 데이터를 getServerSideProps로 pre-render한다.

export async function getServerSideProps(context) {
  return {
    props: {}, // 컴포넌트로 넘어갈 props
  }
}

context 속성
params - 만약 해당 페이지가 동적 라우팅이 사용된다면 params는 라우팅 매개변수를 지닌다.
req - HTTP request 객체
res - HTTP response 객체
query - 쿼리스트링
preview: true일 때 preview 모드가 된다.
previewData: setPreviewData로 설정한 preview data를 지닌다.

 

 

 

출처

https://www.howdy-mj.me/next/next-js-intro/

Next.js 설치, 라우팅, 구동방식