Add APP URL env variable to frontend project

.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

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

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:

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";