프런트엔드 React 쿼리 통합을 활용한 NextJS 서버 측 렌더링

Question

현재 다음과 같은 React 쿼리 구현이 있습니다.

으아악

반환된 결과를 사용자 정의 구성 요소에 전달합니다.

으아악

검색 엔진 크롤러가 초기 페이지 로드 시 결과를 볼 수 있도록 초기 검색 결과를 상위 페이지 구성 요소에 전달합니다(요청이 클라이언트 측에서 이루어진 경우 - 즉 useQuery() 사용).

이 경우 (NextJS의 getServerSideProps()를 통해) 컴포넌트에 전달된 초기 검색 값을 getServerSideProps()）与 useQuery()와 통합하는 가장 좋은 방법은 무엇입니까?

내 머리 꼭대기에서 보면 다음과 같습니다:

const { data, isSuccess, isLoading } = useQuery(['myQuery', myParams], async () => {
    return myAjaxCall(myParams);
}, {
    cacheTime: 0
});

Answer 1

Google 크롤러 결과를 얻으려면 제목과 설명에 제공된 메타데이터를 사용해야 하며 Google 콘솔에 도메인을 제출해야 합니다

으아아아

Answer 2

문서에서는 데이터를 useQuery의 initialData中。然后，您可以继续使用从 useQuery 返回的 data에 넣을 것을 권장합니다.

으아악