Apollo Client를 NextJS SSR로 사용하기

https://medium.com/@bright_lawn_wombat_7/next-js-apollo-client%EC%97%90%EC%84%9C-ssr-csr-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EB%B3%B4%EB%82%B4%EA%B8%B0-5e27938b0fde

apollo Client 를 NextJS 에서 SSR로 쓰려면 data 값이 아닌 cache를 넘기고 Client에서 캐시만 받고 사용하면 됨

(Apollo Client를 사용할 때) 데이터를 props로 넘기면, 치명적이진 않지만 약간의 거슬리는 문제가 있다.

• 에러 띄우는 방식 복잡함
• 데이터 refetch 시 코드가 분리됨
• 첫 응답이 캐싱되지 않음

Reference.
https://github.com/vercel/next.js/tree/canary/examples/with-apollo
https://wpengine.com/builders/apollo-client-cache-rehydration-in-next-js
https://deview.kr/data/deview/session/attach/2_Next.js,%20Apollo%E1%84%8B%E1%85%AA%20%E1%84%92%E1%85%A1%E1%86%B7%E1%84%81%E1%85%A6%20%E1%84%85%E1%85%B5%E1%84%8B%E1%85%A2%E1%86%A8%E1%84%90%E1%85%B3%20%E1%84%80%E1%85%A2%E1%84%87%E1%85%A1%E1%86%AF%E1%84%8B%E1%85%B4%20Next%20Level%E1%84%85%E1%85%A9%20%E1%84%80%E1%85%A1%E1%84%8C%E1%85%A1.pdf