Adding updates for vite with docker env

Author: snigdho611

.env.examle renamed to .env.example

@@ -2,4 +2,5 @@ POSTGRES_USER=
 POSTGRES_PASSWORD=
 POSTGRES_DB=
 DATABASE_URL=
-PORT=
+PORT=
+VITE_SERVER_URL=

client/.env.example

@@ -0,0 +1 @@
+VITE_SERVER_URL=

client/Dockerfile

@@ -0,0 +1,10 @@
+FROM node:18
+ARG VITE_SERVER_URL=http://127.0.0.1:7999
+ENV VITE_SERVER_URL=$VITE_SERVER_URL
+WORKDIR /client
+COPY package.json ./
+COPY package-lock.json ./
+COPY . .
+RUN npm install
+RUN npm run build
+CMD ["npm", "run", "preview"]

client/package.json

@@ -7,7 +7,7 @@
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview --host"
   },
   "dependencies": {
     "react": "^18.2.0",
@@ -24,4 +24,4 @@
     "eslint-plugin-react-refresh": "^0.4.6",
     "vite": "^5.2.0"
   }
-}
+}

docker-compose.yml

@@ -23,3 +23,15 @@ services:
             PORT: "${PORT}"
         depends_on:
             - postgres
+    client:
+        container_name: client
+        build:
+            context: ./client
+            dockerfile: Dockerfile
+        # command: npm start
+        ports:
+            - "4174:4173"
+        # environment:
+        #     VITE_SERVER_URL: "${VITE_SERVER_URL}"
+        depends_on:
+            - server