[Nextjs] Pre-rendering과 Data fetching

https://nextjs.org/learn/basics/data-fetching/blog-data

Learn | Next.js

 

 

 

 

Data Fetching Overview

getStaticProps()

nextjs가 빌드타임에 'getStaticProps'가 props를 반환하면서 페이지를 pre-render할 거다. 

export async function getStaticProps(context) {
  return {
    props: {} // will be passed to the page component as props
  }
}

getStaticProps는 서버에서만 실행된다. 

'next build'에서만 항상 실행된다.

'fallback: true'를 사용할 때, getStaticPropssms 백그라운드에서 실행된다.

'revalidate'를 사용했을 때, 백그라운드에서 실행된다.

 

 

 

 

ssg: getStaticProps()

ssr: getServerSideProps()