Next.js getServerSideProps()

Fetch data on each request

export async function getServerSideProps(context) {
  return {
    props: {}, // Page Component의 Props로 전달되는 객체
  }
}

• params: 동적 경로를 사용하는 페이지에 대한 경로 정보를 담습니다. 예를 들어 동적 페이지 파일 명이 [id].js 인 경우 contect.params --> {id: ...} 가 반환됩니다.

• req: HTTP Request 정보를 담습니다.

• res: HTTP 응답 객체를 담습니다.

• query: 쿼리 문자열을 담습니다.

[Next.js] getStaticProps와 getServerSideProps

Next.js 9.3 미만 버전에서 SSR(Server Side Rendering), SSG(Static Site Generation)를 적용하기 위해서는 getInitialProps 메소드가 활용되었습니다. getInitialProps 를 통해 서버에서 미리 필요한 데이터들을 패칭 후 html 파일에 렌더링하고 클라이언트에 전송하여 SEO를 향상할 수 있었습니다. Next.js 9.3 이상 버전부터 SSR, SSG를 지원하기 위한 새로운 메소드가 등장하였습니다. getStaticProps, getServerSideProps 입니다.

https://nunucompany.tistory.com/5