Next.js getServerSideProps()

Creator

Creator

Seonglae Cho

Created

Created

2021 Apr 22 4:49

Editor

Editor

Seonglae Cho

Edited

Edited

2024 Mar 10 13:36

Refs

Refs

Fetch data on each request

context 매개 변수는 다음의 키를 포함합니다.

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 입니다.

[Next.js] getStaticProps와 getServerSideProps

https://nunucompany.tistory.com/5

[Next.js] getStaticProps와 getServerSideProps

Recommendations

///////////////