chore

frontend/next.config.mjs

@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  output: "export",
+};
 
 export default nextConfig;

frontend/src/lib/socket.ts

@@ -2,14 +2,18 @@ import { io, Socket } from "socket.io-client";
 
 let socket: Socket | null = null;
 
-export const initializeSocket = (url: string = process.env.NEXT_PUBLIC_KNET_BACKEND!) => {
-  url = process.env.NEXT_PUBLIC_KNET_BACKEND || "http://127.0.0.1:5000";
+export const initializeSocket = (url?: string) => {
+  // In production (Docker), use the same host where the frontend is served
+  // This will route through nginx proxy to the backend
+  const socketUrl = url || process.env.NEXT_PUBLIC_KNET_BACKEND || (typeof window !== 'undefined' ? window.location.origin : "http://127.0.0.1:3000");
+
   if (!socket) {
-    socket = io(url, {
+    socket = io(socketUrl, {
       transports: ["websocket"],
       reconnection: true,
       reconnectionAttempts: 5,
       reconnectionDelay: 1000,
+      path: "/socket.io/",
     });
   }
   return socket;