Add env setting

@@ -2,8 +2,10 @@ import { useMemo } from "react";
 import { ApolloClient, HttpLink, InMemoryCache } from "@apollo/client";
 import { ApolloClient, HttpLink, InMemoryCache } from "@apollo/client";
 import { concatPagination } from "@apollo/client/utilities";
 import { concatPagination } from "@apollo/client/utilities";
 import merge from "deepmerge";
 import merge from "deepmerge";
-
 export const APOLLO_STATE_PROP_NAME = "__APOLLO_STATE__";
 export const APOLLO_STATE_PROP_NAME = "__APOLLO_STATE__";
+import getConfig from "next/config";
+
+const { publicRuntimeConfig } = getConfig();
 
 
 let apolloClient: any;
 let apolloClient: any;
 
 
@@ -11,7 +13,7 @@ function createApolloClient() {
   return new ApolloClient({
   return new ApolloClient({
     ssrMode: typeof window === "undefined",
     ssrMode: typeof window === "undefined",
     link: new HttpLink({
     link: new HttpLink({
-      uri: "http://localhost:5000/graphql", // Server URL (must be absolute)
+      uri: publicRuntimeConfig.BACKEND_HOST ?? "http://localhost:5000/graphql", // Server URL (must be absolute)
       credentials: "same-origin", // Additional fetch() options like `credentials` or `headers`
       credentials: "same-origin", // Additional fetch() options like `credentials` or `headers`
     }),
     }),
     cache: new InMemoryCache({
     cache: new InMemoryCache({

@@ -20,4 +20,7 @@ module.exports = {
 
 
     return config
     return config
   },
   },
+  publicRuntimeConfig: {
+    BACKEND_HOST: process.env.BACKEND_HOST,
+  }
 }
 }