Set react httpLink through env variable

.env.example

@@ -1,5 +1,10 @@
 # Generate rails credentials
 # Run `rails credentials:help` for instructions
-
 RAILS_MASTER_KEY=
-POSTGRES_PASSWORD=
+
+# Will be used as the database password
+POSTGRES_PASSWORD=
+
+# Set to the URL for the backend API. i.e. 
+# "ec2-instance-url.us-west-2.compute.amazon.com/graphql"
+RAILS_API_URL="http://localhost:3001/graphql"

docker-compose.yml

@@ -40,8 +40,9 @@ services:
     env_file: .env
     environment:
       NODE_ENV: production
+      RAILS_API_URL: $RAILS_API_URL
     ports:
-      - 3000:3000
+      - 3000:80
     healthcheck:
       test: [ "CMD-SHELL", "wget --no-verbose --spider --tries=1 localhost:3000 || exit 1" ]
       interval: 10s

react/src/main.tsx

@@ -17,7 +17,7 @@ import SignInPage from "./components/pages/SignInPage.tsx";
 import { setContext } from "@apollo/client/link/context";
 
 const httpLink = new HttpLink({
-  uri: "http://localhost:3001/graphql",
+  uri: import.meta.env.RAILS_API_URL, // This probably needs to be the nginx address
 });
 
 const authLink = setContext((_, { headers }) => {