FIX: Trying to make dev-ops chain a bit better.

docker-compose.yml

@@ -1,10 +1,10 @@
+# THIS FILE DOES NOT REFLECT THE COMPOSE FILE USED ON THE SERVER
 version: "3.8"
 services:
   frontend:
     build:
       context: ./frontend
       dockerfile: Dockerfile
-
     ports:
       - "3100:3100"
     depends_on:

frontend/.dockerignore

@@ -0,0 +1 @@
+.env

frontend/.gitignore

@@ -0,0 +1 @@
+.env

frontend/src/components/LoginForm.jsx

@@ -4,12 +4,16 @@ import PasswordInput from "./PasswordInput.jsx";
 import RememberMe from "./RememberMe.jsx";
 import {useNavigate} from "react-router-dom";
 
+
 export default function LoginForm() {
     /**
-     * URL To the backend web server
+     * URL To the backend web server.
+     * Uses the .env var in local development, but when
+     * pushed to dockerhub, the .env is ignored and the real
+     * backend URL is used.
      * @type {string}
      */
-    const backendUrl = "https://backend.gophernest.net";
+    const backendUrl = import.meta.env.VITE_BACKEND_URL || "https://backend.gophernest.net";
 
     const [username, setUsername] = useState("");
     const [remember, setRemember] = useState(false);

frontend/src/pages/Dashboard.jsx

@@ -11,10 +11,13 @@ export default function Dashboard() {
     const defaultPath = ["media", "vault"];
 
     /**
-     * URL To the backend web server
+     * URL To the backend web server.
+     * Uses the .env var in local development, but when
+     * pushed to dockerhub, the .env is ignored and the real
+     * backend URL is used.
      * @type {string}
      */
-    const backendUrl = "https://backend.gophernest.net";
+    const backendUrl = import.meta.env.VITE_BACKEND_URL || "https://backend.gophernest.net";
 
     const [token, setToken] = useState(null);
     const [path, setPath] = useState([...defaultPath]);