Next.js:차이는 무엇인가를 사용하여"다시 검사"옵션에 getStaticProps 사용하여 SWR 패키지?

0

질문

Next.js 이"다시 검사"옵션을 선택 상자:

export async function getStaticProps(context) {
  const data = await getData();

  if (!data) {
    return {
      notFound: true,
    };
  }

  return {
    props: { data },
    revalidate: 60,
  }
}

위의 코드는 것입니다 있는지 확인 페이지를 다시 생성되 60 초 이후에는 순간부터 우리도록 요청 업데이트된 데이터(첫 번째 새로 고침하는 요청에 대한 새로운 데이터를,두 번째 새로 고침을 업데이트 페이지). 이에 따라 증대 정적 재생에,그래서 사이트는 필요하지 않게 다시 작성됩니다.

에서 SWR docs:

는 경우에 당신의 페이지를 담은 자주 업데이트 데이터는,당신은 필요가 없 사전 렌더링하는 데이터,SWR 완벽하게 적합합과 특별한 설정이 필요: 그냥 가져오기 useSWR 고 걸어 사용 내부 구성품을 사용하는 데이터입니다.

그래서,그것은 의미에 이 경우,useSWR 은 기본적으로 동일 next.js "다시 검사"옵션? 그것은 있을 것 같은 일이지만 얼마나 자주 다 revalidation 발생한 후? 가 어떤 이점을 사용하여 다른 하나?

next.js reactjs swr
2021-11-24 02:32:17
1

최고의 응답

1

아니,그들이 동일하지 않고 맞을 사용하여 다양한 사용 사례입니다.

useSWR 데이터 가져오는 훅이 제공하는 캐시 및 자동 재 메커니즘(는 제어할 수 있습니다)을 유지하는 데이터 신선한에서 클라이언트 측. 데이터 revalidation 일어날 것입니다 클라이언트에서만 혜택은 단일 사용자.

revalidate 고 증가한 정적 재생할 수 있습을 재생하는 정적 페이지에 server-side. 는 전체 페이지가 다시 생성되는 서버에 정적으로 캐시됩니다. 이후 요청을(모든 사용자로부터)제공됩니다 다시 생성된 페이지입니다.

중 하나를 사용하거나 다른 따라 달라집에 전적으로 귀하의 요구 사항 및 그들 상호 배타적이지도 사용할 수 있는 모두에서 동일한 시간입니다.

2021-11-24 08:43:12

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................