try to depoly

Dockerfile

@@ -1,34 +1,17 @@
-FROM node:18-alpine AS build
+FROM node:18-alpine
 
 WORKDIR /app
 
-# Copy package files first for better layer caching
-COPY package.json package-lock.json* ./
+COPY package.json .
 
-# Install dependencies
-RUN npm ci
+RUN npm install
+
+RUN npm i -g serve
 
-# Copy the rest of the application
 COPY . .
 
-# Build the application
 RUN npm run build
 
-# Production stage
-FROM node:18-alpine AS production
+EXPOSE 3000
 
-WORKDIR /app
-
-# Copy only the built assets and necessary files from the build stage
-COPY --from=build /app/dist ./dist
-COPY --from=build /app/package.json ./
-
-
-# Expose the port Vite uses by default
-EXPOSE 5173
-
-# Use a static file server for production builds
-RUN npm install -g serve
-
-# Serve the built application
-CMD ["serve", "-s", "dist", "-l", "5173"]
+CMD [ "serve", "-s", "dist" ]

docker-compose.yml

@@ -6,7 +6,7 @@ services:
     container_name: healthy-oil
 
     ports:
-      - "5173:5173"
+      - "3005:3000"
     volumes:
       - .:/app
       - /app/node_modules

vite.config.ts

@@ -3,5 +3,16 @@ import react from '@vitejs/plugin-react'
 import tsconfigPaths from "vite-tsconfig-paths"
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react(),tsconfigPaths()],
+  base: "/",
+  plugins: [react(), tsconfigPaths()],
+  preview: {
+    port: 8080,
+    strictPort: true,
+  },
+  server: {
+    port: 8080,
+    strictPort: true,
+    host: true,
+    origin: "http://0.0.0.0:8080",
+  },
 })