Commit
This commit is contained in:
@@ -1,42 +1,35 @@
|
||||
# Stage 1: Build React frontend
|
||||
FROM node:18-slim as build
|
||||
|
||||
# Set working directory
|
||||
# Stage 1: Build the React app (Frontend)
|
||||
FROM node:18-slim AS frontend-build
|
||||
WORKDIR /app
|
||||
|
||||
# Copy project files
|
||||
# Copy all project files into the image
|
||||
COPY . .
|
||||
|
||||
# Install dependencies and build the frontend
|
||||
# Install dependencies
|
||||
RUN npm install
|
||||
|
||||
# Build the application
|
||||
RUN npm run build
|
||||
|
||||
# Stage 2: Backend + Nginx setup
|
||||
FROM node:18-slim
|
||||
# Stage 2: Setup Nginx to serve the React App
|
||||
FROM nginx:alpine AS frontend-server
|
||||
|
||||
# Set working directory for the backend
|
||||
# Copy built files from builder stage to nginx
|
||||
COPY --from=frontend-build /app/dist /usr/share/nginx/html
|
||||
EXPOSE 80
|
||||
CMD ["nginx", "-g", "daemon off;"]
|
||||
|
||||
# Stage 3: Setup the Backend
|
||||
FROM node:18-slim AS backend
|
||||
WORKDIR /app
|
||||
|
||||
# Copy backend files and entrypoint script
|
||||
COPY . .
|
||||
COPY entrypoint.sh /usr/local/bin/
|
||||
RUN chmod +x /usr/local/bin/entrypoint.sh
|
||||
# Copy package.json and package-lock.json
|
||||
COPY package*.json ./
|
||||
|
||||
# Install backend dependencies
|
||||
# Install dependencies
|
||||
RUN npm install
|
||||
|
||||
# Copy the React frontend build into a directory for Nginx
|
||||
RUN mkdir -p /usr/share/nginx/html
|
||||
COPY --from=build /app/dist /usr/share/nginx/html
|
||||
|
||||
# Install Nginx
|
||||
RUN apt-get update && apt-get install -y nginx && apt-get clean
|
||||
|
||||
# Copy Nginx configuration
|
||||
COPY /docker/nginx.conf /etc/nginx/conf.d/default.conf
|
||||
|
||||
# Expose the ports
|
||||
EXPOSE 80 3001
|
||||
|
||||
# Start both the backend and Nginx
|
||||
CMD ["/usr/local/bin/entrypoint.sh"]
|
||||
# Copy server.js from its new location
|
||||
COPY /app/src/components/server.js /app
|
||||
EXPOSE 3001
|
||||
CMD ["node", "/app/src/components/server.js"]
|
||||
Reference in New Issue
Block a user