Some tweaks

frontend/hooks/use-file-upload.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { API_URL } from "@/lib/constants";
 import { ApiResponse } from "@/types/types";
+import { getApiUrl } from "@/utils/api";
 import { getCookie } from "cookies-next";
 import { useState, useRef, useCallback } from "react";
 
@@ -24,7 +25,7 @@ const useFileUpload = (): UseFileUploadReturn => {
 
 	const uploadFile = useCallback(
 		(file: File, url: string, onSuccess?: (response: any) => void) => {
-			url = `${API_URL}${url}`;
+			url = `${getApiUrl()}${url}`;
 			if (!file || !url) {
 				setError("File and upload URL are required.");
 				return;
@@ -35,7 +36,7 @@ const useFileUpload = (): UseFileUploadReturn => {
 				return;
 			}
 
-			fetch(`${API_URL}/media/verify`, {
+			fetch(`${getApiUrl()}/media/verify`, {
 				method: "POST",
 				body: JSON.stringify({
 					name: file.name,

frontend/lib/getMe.ts

@@ -3,6 +3,7 @@ import { API_URL } from "./constants";
 import { ApiResponse } from "@/types/types";
 import IUser from "@/interfaces/IUser";
 import { cookies } from "next/headers";
+import { getApiUrl } from "@/utils/api";
 
 const getMe = cache(
 	async (sessionCookie?: string): Promise<ApiResponse<IUser> | null> => {
@@ -12,7 +13,7 @@ const getMe = cache(
 			if (!token) return null;
 			sessionCookie = token;
 		}
-		const res = await fetch(`${API_URL}/users/me`, {
+		const res = await fetch(`${getApiUrl()}/users/me`, {
 			headers: { Authorization: `Bearer ${sessionCookie}` },
 		});
 		return await res.json();

frontend/lib/request.ts

@@ -1,5 +1,6 @@
 import { API_URL } from "@/lib/constants";
 import { ApiResponse } from "@/types/types";
+import { getApiUrl } from "@/utils/api";
 import { getCookie } from "cookies-next";
 import { ReadonlyRequestCookies } from "next/dist/server/web/spec-extension/adapters/request-cookies";
 export default async function request<T>(
@@ -20,7 +21,7 @@ export default async function request<T>(
 
 	if (options.csrfToken) {
 		const res: ApiResponse<{ csrf: string }> = await (
-			await fetch(`${API_URL}/csrf-token`, { credentials: "include" })
+			await fetch(`${getApiUrl()}/csrf-token`, { credentials: "include" })
 		).json();
 		if (res.data) headers["X-CSRF-Token"] = res.data.csrf;
 	}
@@ -39,7 +40,7 @@ export default async function request<T>(
 		headers.Authorization = `Bearer ${authToken}`;
 	}
 
-	const response = await fetch(`${API_URL}${endpoint}`, {
+	const response = await fetch(`${getApiUrl()}${endpoint}`, {
 		method,
 		headers,
 		body: body ? JSON.stringify(body) : undefined,

frontend/next.config.ts

@@ -1,41 +1,19 @@
 import type { NextConfig } from "next";
 
-const apiUrl =
-	process.env.NODE_ENV !== "production"
-		? `http://localhost:${process.env.BACKEND_PORT ?? 3001}`
-		: `https://${process.env.SERVER_NAME}/api`;
-
 const nextConfig: NextConfig = {
-	/* config options here */
-	transpilePackages: ['@mdxeditor/editor'], 
+	transpilePackages: ["@mdxeditor/editor"],
 	output: "standalone",
 	compiler: {
 		removeConsole: process.env.NODE_ENV === "production",
 	},
 	images: {
 		remotePatterns: [
-			{
-				protocol: "https",
-				hostname: "img.youtube.com",
-			},
-			{
-				protocol: "https",
-				hostname: "avatar.vercel.sh",
-			},
-			{
-				protocol: "http",
-				hostname: "localhost",
-			},
-			{
-				protocol: "https",
-				hostname: "latosa.cems.dev",
-			},
+			{ protocol: "https", hostname: "img.youtube.com" },
+			{ protocol: "https", hostname: "avatar.vercel.sh" },
+			{ protocol: "http", hostname: "localhost" },
+			{ protocol: "https", hostname: "latosa.cems.dev" },
 		],
 	},
-	env: {
-		NEXT_PUBLIC_BACKEND_PORT: process.env.BACKEND_PORT,
-		NEXT_PUBLIC_API_URL: apiUrl,
-	},
 };
 
 export default nextConfig;

frontend/utils/api.ts

@@ -0,0 +1,9 @@
+export const getApiUrl = () => {
+	// If window is undefined, we are running on the server (SSR in Docker)
+	if (typeof window === "undefined") {
+		return process.env.INTERNAL_API_URL || "http://latosa-backend:4001";
+	}
+
+	// Otherwise, we are running in the user's browser
+	return process.env.NEXT_PUBLIC_API_URL;
+};