Merge pull request #172 from crux-bphc/fix-nginx-misconfiguration

Fix NGINX misconfiguration and 404 route to frontend

frontend/docker/prod/Dockerfile

@@ -53,6 +53,5 @@ RUN rm -rf ./*
 COPY nginx.prod.conf /etc/nginx/nginx.conf
 
 COPY --from=build-stage /usr/src/app/frontend/dist .
-COPY --from=build-stage /usr/src/app/frontend/.env .
 
 CMD ["nginx", "-g", "daemon off;"]

frontend/src/NotFound.tsx

@@ -0,0 +1,12 @@
+import { Route } from "@tanstack/react-router";
+import { rootRoute } from "./main";
+
+const notFoundRoute = new Route({
+  getParentRoute: () => rootRoute,
+  path: "404",
+  component: () => {
+    return <span>404: Not Found</span>;
+  },
+});
+
+export default notFoundRoute;

frontend/src/main.tsx

@@ -19,6 +19,7 @@ import finalizeTimetableRoute from "./Finalize";
 import getDegreesRoute from "./GetDegrees";
 import indexRoute from "./Home";
 import loginRoute from "./Login";
+import notFoundRoute from "./NotFound";
 import RootComponent from "./RootComponent";
 import viewTimetableRoute from "./ViewTimetable";
 import "./index.css";
@@ -62,6 +63,7 @@ export const router = new Router({
   context: {
     queryClient,
   },
+  notFoundRoute: notFoundRoute,
 });
 
 // Register things for typesafety