hot reloading for server and client via proxy pass

Dockerfile

@@ -18,7 +18,7 @@ COPY server/ .
 COPY --from=client-builder /usr/src/client/build /usr/src/client/build
 
 # Expose the port that the server is running on
-EXPOSE 3000
+EXPOSE 3001
 
 # Specify the command to run the server
 CMD ["node", "server.js"]

client/package.json

@@ -15,6 +15,7 @@
  "socket.io-client": "^4.7.5",
  "web-vitals": "^2.1.4"
  },
+ "proxy": "http://localhost:3001",
  "scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",

server/package.json

@@ -18,5 +18,10 @@
  },
  "devDependencies": {
  "nodemon": "^3.0.3"
+ },
+ "nodemonConfig": {
+ "env": {
+ "NODE_ENV": "development"
+ }
  }
 }

server/server.js

@@ -13,7 +13,10 @@ const openai = new OpenAI(process.env.OPENAI_API_KEY);
 //Names of OpenAI voices
 const audioVoices = ["alloy", "echo", "fable", "onyx", "nova", "shimmer"];
 
-app.use(express.static(path.join(__dirname, "../client/build")));
+if(process.env.NODE_ENV != 'development'){
+ //Don't server the static build in development
+ app.use(express.static(path.join(__dirname, "../client/build")));
+}
 
 io.on("connection", (socket) => {
  //Set up the variables accessible to this socket
@@ -377,6 +380,6 @@ io.on("connection", (socket) => {
  });
 });
 
-httpServer.listen(3000, () => {
- console.log("Listening on *:3000");
+httpServer.listen(3001, () => {
+ console.log("Listening on *:3001");
 });