getServerSideProps

훈나무·2022년 12월 4일
0

nextjs

목록 보기
5/9
post-thumbnail

https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props

getServerSideProps

페이지에서 getServerSideProps(서버 측 렌더링)라는 함수를 export 하면 Next.js는 getServerSideProps에서 반환된 데이터를 사용하여 각 요청에서 이 페이지를 미리 랜더링합니다.
getServerSideProps 는 서버 측에서만 실행되며 브라우저에서는 실행되지 않습니다.

function Page({ data }) {
  // Render data...
}

// This gets called on every request
export async function getServerSideProps() {
  // Fetch data from external API
  const res = await fetch(`https://.../data`)
  const data = await res.json()

  // Pass data to the page via props
  return { props: { data } }
}

export default Page
profile
프론트엔드 개발자 입니다

0개의 댓글