diff --git a/frontend/src/constants/common.ts b/frontend/src/lib/constants/common.ts
similarity index 51%
rename from frontend/src/constants/common.ts
rename to frontend/src/lib/constants/common.ts
index 15359e7..3d2cabf 100644
--- a/frontend/src/constants/common.ts
+++ b/frontend/src/lib/constants/common.ts
@@ -1 +1,2 @@
 export const RESERVED_SLUGS = ["new", "edit", "delete", "settings"];
+export const BACKEND_API_URL = process.env.NEXT_PUBLIC_API_URL;
diff --git a/frontend/src/constants/index.ts b/frontend/src/lib/constants/index.ts
similarity index 100%
rename from frontend/src/constants/index.ts
rename to frontend/src/lib/constants/index.ts
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
index 2a65abe..86f425e 100644
--- a/frontend/src/lib/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -1,5 +1,6 @@
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
+import { BACKEND_API_URL } from "@/lib/constants";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
@@ -65,3 +66,7 @@ export function formatTime(
     minute: "2-digit",
   });
 }
+
+export const getServerFileUrl = (url?: string) => {
+  return url ? `${BACKEND_API_URL}/files/${url}` : undefined;
+};