This commit is contained in:
Luke Gustafson
2024-11-26 20:01:29 +00:00
parent 180abf4a7f
commit 54510d0fbf
8 changed files with 62 additions and 58 deletions

View File

@@ -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"]