36 lines
760 B
Docker
36 lines
760 B
Docker
# Stage 1: Build the React application
|
|
FROM node:22-alpine AS builder
|
|
|
|
WORKDIR /app
|
|
|
|
# Copy package.json and lockfile
|
|
COPY package*.json ./
|
|
|
|
# Install dependencies
|
|
RUN npm install
|
|
|
|
# Copy the rest of your application code
|
|
COPY . .
|
|
|
|
# Build the Vite application (this creates the /app/dist folder inside the container)
|
|
RUN npm run build
|
|
|
|
# Stage 2: Serve the application with Nginx
|
|
FROM nginx:alpine
|
|
|
|
# Move to Nginx's public folder
|
|
WORKDIR /usr/share/nginx/html
|
|
|
|
# CRUCIAL: Remove Nginx's default "Welcome" page files completely
|
|
RUN rm -rf ./*
|
|
|
|
# Copy the compiled static assets FROM THE BUILDER STAGE
|
|
COPY --from=builder /app/dist/ .
|
|
|
|
# Copy your custom Nginx configuration
|
|
COPY nginx.conf /etc/nginx/nginx.conf
|
|
|
|
EXPOSE 80
|
|
|
|
CMD ["nginx", "-g", "daemon off;"]
|