Next - getStaticProps

getStaticProps : 언제 접속해도 데이터가 바뀔 일이 없을 때 사용 

- 데이터가 유동적으로 패칭될 필요없이 고정된 값을 불러올때 사용 ex) 블로그 게시글 등
- 수정 불가 
- getStaticProps는 쓰기 까다로우니까 getServerSideProps를 주로 쓸 것! 

 

문법

export const getStaticProps = async () => {
  const res = await fetch(`url`);
  const abc = await res.json();
  return {
    props: {
      abc,
    },
  };
};

 

 

출처

 

https://yohanpro.com/posts/nextjs/data-fetching

Next.js에서 data-fetching하기 - Yohan's Developer Diary

https://beside-lab.tistory.com/entry/Nextjs-getStaticProps-vs-getServerSideProps-%EC%B0%A8%EC%9D%B4%EC%99%80-%ED%99%9C%EC%9A%A9

Next.js - getStaticProps vs. getServerSideProps, 차이와 활용