feat: change apollo client app router integration library (#18)

* feat: update dependencies

* feat: replace experimental Apollo support with integration package

* fix: update Apollo client integration link in README

* fix: sharp compatibility error

Author: Ho-s

README.md

@@ -67,7 +67,7 @@ $ yarn g
 
 ### GraphQL
 
-#### Apollo client with [experimental-nextjs-app-support](https://www.npmjs.com/package/@apollo/experimental-nextjs-app-support)
+#### Apollo client with [@apollo/client-integration-nextjs](https://www.npmjs.com/package/@apollo/client-integration-nextjs)
 
 You can see client apollo provider [here](./src/providers/CustomApolloProvider.tsx)
 

package.json

@@ -25,42 +25,42 @@
     "e2e:headless": "start-server-and-test dev http://localhost:3000 \"cypress run --e2e\""
   },
   "dependencies": {
-    "@apollo/client": "^3.13.5",
-    "@apollo/experimental-nextjs-app-support": "^0.11.11",
+    "@apollo/client": "^3.13.8",
+    "@apollo/client-integration-nextjs": "^0.12.2",
     "apollo-upload-client": "^18.0.1",
     "cookies-next": "^5.1.0",
-    "graphql": "^16.10.0",
-    "next": "15.2.3",
+    "graphql": "^16.11.0",
+    "next": "^15.3.2",
     "react": "^19",
     "react-dom": "^19",
     "sharp": "^0.33.5",
-    "styled-components": "^6.1.16"
+    "styled-components": "^6.1.18"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3",
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.23.0",
-    "@storybook/addon-essentials": "^8.6.8",
-    "@storybook/addon-interactions": "^8.6.8",
-    "@storybook/addon-links": "^8.6.8",
-    "@storybook/blocks": "^8.6.8",
-    "@storybook/nextjs": "^8.6.8",
-    "@storybook/react": "^8.6.8",
-    "@storybook/test": "^8.6.8",
-    "@swc/plugin-styled-components": "^7.1.0",
+    "@eslint/js": "^9.26.0",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/nextjs": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@swc/plugin-styled-components": "^7.1.4",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/apollo-upload-client": "^18.0.0",
     "@types/jest": "^29.5.14",
     "@types/node": "^22",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "cypress": "^14.2.0",
+    "cypress": "^14.3.3",
     "eslint": "^9",
-    "eslint-config-next": "15.2.3",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-storybook": "^0.11.6",
+    "eslint-config-next": "15.3.2",
+    "eslint-plugin-prettier": "^5.4.0",
+    "eslint-plugin-storybook": "^0.12.0",
     "husky": "^9.1.7",
     "isomorphic-fetch": "^3.0.0",
     "jest": "^29.7.0",
@@ -70,8 +70,8 @@
     "plop": "^4.0.1",
     "prettier": "^3.5.3",
     "start-server-and-test": "^2.0.11",
-    "storybook": "^8.6.8",
-    "ts-jest": "^29.2.6",
+    "storybook": "^8.6.12",
+    "ts-jest": "^29.3.2",
     "ts-node": "^10.9.2",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "^5"

src/graphql/apolloServerClient.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { registerApolloClient } from '@apollo/experimental-nextjs-app-support';
+import { registerApolloClient } from '@apollo/client-integration-nextjs';
 import { cookies } from 'next/headers';
 
 import { ApolloClient, ApolloLink, HttpLink, InMemoryCache } from '@apollo/client';

src/providers/CustomApolloProvider.tsx

@@ -7,7 +7,7 @@ import {
   ApolloNextAppProvider,
   InMemoryCache,
   SSRMultipartLink,
-} from '@apollo/experimental-nextjs-app-support';
+} from '@apollo/client-integration-nextjs';
 import { getCookie } from 'cookies-next/client';
 
 import { ApolloLink } from '@apollo/client';