diff --git a/.env.template b/.env.template
index ebd0e2a..8e42031 100644
--- a/.env.template
+++ b/.env.template
@@ -22,4 +22,5 @@ FIRST_SUPERUSER_PASSWORD=Admin123
 # Frontend settings
 FRONTEND_PORT=3000
 NEXT_PUBLIC_API_URL=http://localhost:8000
+NEXT_PUBLIC_APP_URL=http://localhost:3000
 NODE_ENV=development
\ No newline at end of file
diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml
index cd10ff9..89fd5b6 100644
--- a/docker-compose.dev.yml
+++ b/docker-compose.dev.yml
@@ -53,6 +53,7 @@ services:
       target: deps
       args:
         - NEXT_PUBLIC_API_URL=${NEXT_PUBLIC_API_URL}
+        - NEXT_PUBLIC_APP_URL=${NEXT_PUBLIC_APP_URL}
     volumes:
       - ./frontend:/app
       - /app/node_modules
@@ -62,6 +63,7 @@ services:
     environment:
       - NODE_ENV=development
       - NEXT_PUBLIC_API_URL=${NEXT_PUBLIC_API_URL}
+      - NEXT_PUBLIC_APP_URL=${NEXT_PUBLIC_APP_URL}
     depends_on:
       - backend
     command: npm run dev
diff --git a/docker-compose.yml b/docker-compose.yml
index ef3f7e8..3259bad 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -47,9 +47,11 @@ services:
       target: runner
       args:
         - NEXT_PUBLIC_API_URL=${NEXT_PUBLIC_API_URL}
+        - NEXT_PUBLIC_APP_URL=${NEXT_PUBLIC_APP_URL}
     environment:
       - NODE_ENV=production
       - NEXT_PUBLIC_API_URL=${NEXT_PUBLIC_API_URL}
+      - NEXT_PUBLIC_APP_URL=${NEXT_PUBLIC_APP_URL}
     depends_on:
       - backend
     networks:
diff --git a/frontend/src/lib/constants/common.ts b/frontend/src/lib/constants/common.ts
index 3d2cabf..617ddd7 100644
--- a/frontend/src/lib/constants/common.ts
+++ b/frontend/src/lib/constants/common.ts
@@ -1,2 +1,4 @@
 export const RESERVED_SLUGS = ["new", "edit", "delete", "settings"];
 export const BACKEND_API_URL = process.env.NEXT_PUBLIC_API_URL;
+export const APP_URL =
+  process.env.NEXT_PUBLIC_APP_URL || "http://localhost:3000";