diff --git a/.env b/.env
index 37dc285..eac479f 100644
--- a/.env
+++ b/.env
@@ -1,4 +1,5 @@
 VITE_BASEURL=http://192.168.75.11/
+VITE_CAM_BASE=http://100.72.72.70:8080
 VITE_FOLKESTONE_BASE=http://100.116.253.81
 VITE_TESTURL=http://100.82.205.44/SightingListRear/sightingSummary?mostRecentRef=-1
 VITE_OUTSIDE_BASEURL=http://100.82.205.44/api
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index 3f3a854..a434b32 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -2,15 +2,19 @@ import FrontCameraOverviewCard from "../components/FrontCameraOverview/FrontCame
 import RearCameraOverviewCard from "../components/RearCameraOverview/RearCameraOverviewCard";
 import SightingHistoryWidget from "../components/SightingsWidget/SightingWidget";
 import { SightingFeedProvider } from "../context/providers/SightingFeedProvider";
-
+import { CAM_BASE } from "../utils/config";
 const Dashboard = () => {
   // const AGX_url = import.meta.env.VITE_AGX_BOX_URL;
   // const AGX_rear_url = import.meta.env.VITE_AGX_BOX_REAR_UR;
-  const test = import.meta.env.VITE_LOCAL;
-  const testFront = import.meta.env.VITE_LOCAL_FRONT;
+  // const test = import.meta.env.VITE_LOCAL;
+  const dev_REAR_URL = `${CAM_BASE}/SightingListRear/sightingSummary?mostRecentRef=`;
+  const dev_FRONT_URL = `${CAM_BASE}/SightingListFront/sightingSummary?mostRecentRef=`;
+  // const testFront = import.meta.env.VITE_LOCAL_FRONT;
+  console.log(CAM_BASE);
+
   return (
     <div className="mx-auto grid grid-cols-1  sm:grid-cols-1 lg:grid-cols-2 gap-2 px-1 sm:px-2 lg:px-0 w-full">
-      <SightingFeedProvider url={testFront} side="Front">
+      <SightingFeedProvider url={dev_FRONT_URL} side="Front">
         <FrontCameraOverviewCard className="order-1" />
         <SightingHistoryWidget
           className="order-3"
@@ -18,7 +22,7 @@ const Dashboard = () => {
         />
       </SightingFeedProvider>
 
-      <SightingFeedProvider url={test} side="Rear">
+      <SightingFeedProvider url={dev_REAR_URL} side="Rear">
         <RearCameraOverviewCard className="order-2" />
         <SightingHistoryWidget
           className="order-4"
diff --git a/src/utils/config.ts b/src/utils/config.ts
new file mode 100644
index 0000000..6665faa
--- /dev/null
+++ b/src/utils/config.ts
@@ -0,0 +1,6 @@
+const rawCamBase = import.meta.env.VITE_CAM_BASE;
+
+export const CAM_BASE =
+  rawCamBase && rawCamBase.trim().length > 0
+    ? rawCamBase
+    : window.location.origin;