diff --git a/web/package.json b/web/package.json
index 3fe5b35..295c250 100644
--- a/web/package.json
+++ b/web/package.json
@@ -28,6 +28,7 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
+    "build-production": "REACT_APP_ENV=production react-scripts build",
     "build-place": "react-scripts build; cp -Rp build ../api/",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
diff --git a/web/src/.env.production b/web/src/.env.production
new file mode 100644
index 0000000..7d176bf
--- /dev/null
+++ b/web/src/.env.production
@@ -0,0 +1 @@
+REACT_APP_API_ROOT=https://drive-gooder.com/api
\ No newline at end of file
diff --git a/web/src/App.tsx b/web/src/App.tsx
index 479c5e7..3b99424 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -14,6 +14,7 @@ function App() {
   // send a request to a protected endpoint on the server for the user's info
   // if the response is successful, set loggedIn to true and redirect to protected route
   console.log(`logged in? ${loggedIn}`);
+  console.log(`root domain is: ${process.env.REACT_APP_API_ROOT}`);
 
   if (!loggedIn) {
     return <UnauthenticatedTemplate loginCallback={handleLogin} />;
diff --git a/web/src/component/OAuthLogin.tsx b/web/src/component/OAuthLogin.tsx
index a0535ff..6181e7d 100644
--- a/web/src/component/OAuthLogin.tsx
+++ b/web/src/component/OAuthLogin.tsx
@@ -11,6 +11,7 @@ export default function OAuthLogin(props: OAuthLoginProps) {
   return (
     <Box display="flex" justifyContent="center" alignItems="center">
       <FormControl>
+        <h1>testing</h1>
         <Button onClick={handleOauth}>OAuth2 Login</Button>
       </FormControl>
     </Box>