Next(2)
-
정적 사이트 생성에 대한 추가정보
export async function getStaticProps(){ return{ props: } }; 이대로 두면 새로운 데이터가 업데이트 되지가 않아서 매번 다시 빌드하고 배포해야 한다 이걸 막기 위해서 revalidate 를 쓴다. export async function getStaticProps() { return { props: { meetups: DUMMY_MEETUPS, //데이터가 자주 변한다면 }, revalidate:10 (초단위) // 여기에 숫자가 설정되어 있으면 페이지는 빌드 프로세스 중에 바로 생성되지 않는다. 오래된 페이지를 대체한다. 데이터 업데이트 빈도에 따라서 설정하면 된다. }; }
2022.11.09 -
정적 페이지에 대한 데이터 가져오기
사전 렌더링 기능, 이 내장된 프로세스에는 단점이라고 하자면 사전렌더링한 페이지는 컴포넌트가 첫 번째 렌더링 사이클을 마친 이후의 스냅샷을 콘텐츠로 갖고 있다 . 중요한 데이터가 손실된 상태이다. NextJS에서 이러한 부분을 방지하기 위해 설정을 해야한다 이를 위해 NextJS페이지 렌더링 방법을 제어하는 데 사용할 수 있는 두가지 형태의 사전 렌더링을 제공한다. 정적 생성, 서버 사이드 렌더링이 있다. 서로 다른 시점에서 코드가 실행한다. 정적생성 : 일반적으로 사용하는 접근법이다. 프로덕션용으로 빌드하는 시점에 렌더링을 한다. 기본적으로 요청이 서버에 도달했을 때 서버에서 즉각적으로 페이지를 사전 렌더링하지 않는다. 대신에 개발자가 프로덕션용 사이트를 빌드할 때 사전 렌더링을 한다. 즉 사이트가 배..
2022.11.09