Next.js SSG vs SSR

Next.js SSG vs SSR

빌드 시 한번만 호출하느냐 vs 요청받을때 마다 호출하느냐

• SSG

  페이지를 미리 만들어놓기 위해 빌드 시 한번만 관련 함수들을 호출하고 빌드함

  • getStaticProps

    data fetch 할 때 사용됨

    빌드 시에 한 번만 호출되며 바로 정적파일로 빌드됨

    한번 빌드되면 수정 불가능

    정적 데이터 불러올 때 사용

• SSR

  요청에 따라 페이지를 달리 만듦

  • getServerSideProps

    data fetch 할 때 사용됨

    페이지가 요청될 때마다 호출함

    동적 데이터를 불러올 때 사용

    페이지가 요청될 때 마다 호출됨

  -