_app.js
는 모든 페이지에 적용되는 설정 파일이다.프로젝트의 어떤 화면에 접속하든 _app.js
가 실행되고, <Component {...pageProps} />
부분에 접속한 화면에 작성해둔 코드가 합쳐진 _app.js
가 실행되는 것이다.
따라서, 모든 페이지에 영향을 미치는 공통 설정은 _app.js
에서 이루어진다.
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