diff --git a/packages/web/.env-example b/packages/web/.env-example
new file mode 100644
index 00000000..6517aab7
--- /dev/null
+++ b/packages/web/.env-example
@@ -0,0 +1,2 @@
+PORT=3001
+REACT_APP_GRAPHQL_URL=http://localhost:3000/graphql
diff --git a/packages/web/src/config/app.ts b/packages/web/src/config/app.ts
new file mode 100644
index 00000000..f85b7a2a
--- /dev/null
+++ b/packages/web/src/config/app.ts
@@ -0,0 +1,9 @@
+type Config = {
+  [key: string]: string,
+};
+
+const config: Config = {
+  graphqlUrl: process.env.REACT_APP_GRAPHQL_URL as string,
+};
+
+export default config;
diff --git a/packages/web/src/graphql/client.ts b/packages/web/src/graphql/client.ts
index e4df8b8f..a4d3ad03 100644
--- a/packages/web/src/graphql/client.ts
+++ b/packages/web/src/graphql/client.ts
@@ -1,6 +1,10 @@
 import { ApolloClient, InMemoryCache } from '@apollo/client';
+import appConfig from 'config/app';
 
 const cache = new InMemoryCache();
-const client = new ApolloClient({ cache: cache });
+const client = new ApolloClient({
+  uri: appConfig.graphqlUrl,
+  cache
+});
 
 export default client;