diff --git a/.env.example b/.env.example
index 8303e21..0a240b8 100644
--- a/.env.example
+++ b/.env.example
@@ -4,3 +4,5 @@ RESTIC_CACHE_DIR=./data/restic/cache
 ZEROBYTE_REPOSITORIES_DIR=./data/repositories
 ZEROBYTE_VOLUMES_DIR=./data/volumes
 APP_SECRET=<openssl rand -hex 32>
+BASE_URL=http://localhost:300
+PORT=3000
diff --git a/app/middleware/api-client.ts b/app/middleware/api-client.ts
index 95bebbd..137c027 100644
--- a/app/middleware/api-client.ts
+++ b/app/middleware/api-client.ts
@@ -4,10 +4,11 @@ import {
 	createRequestClient,
 	runWithRequestClient,
 } from "~/lib/request-client";
+import { config } from "../server/core/config";
 
 export const apiClientMiddleware = createMiddleware().server(async ({ next, request }) => {
 	const client = createRequestClient({
-		baseUrl: new URL(request.url).origin,
+		baseUrl: `http://127.0.0.1:${config.port}`,
 		headers: {
 			cookie: getRequestHeaders().get("cookie") ?? "",
 		},