[Apollo-Client] GraphQL 설정하기

[Apollo Docs]

_app.js는 모든 페이지에 적용되는 설정 파일이다.

프로젝트의 어떤 화면에 접속하든 _app.js가 실행되고, <Component {...pageProps} /> 부분에 접속한 화면에 작성해둔 코드가 합쳐진 _app.js가 실행되는 것이다.

따라서, 모든 페이지에 영향을 미치는 공통 설정은 _app.js에서 이루어진다.

GraphQL 설정도 이 파일에서 한다!!

GraphQL 설정하기

import {ApolloClient, InMemoryCache, ApolloProvider} from '@apollo/client'

function MyApp({ Component, pageProps }) {

  const client = new ApolloClient({
    uri: "백엔드주소",
    cache: new InMemoryCache(),
  })

  return (
    <ApolloProvider client={client}>
      <Component {...pageProps} />
    </ApolloProvider>
  )
}

export default MyApp