# Step 1: Use a base image with Node.js
FROM node:16 AS build

# Step 2: Set the working directory inside the container
WORKDIR /app

# Step 3: Copy package.json and package-lock.json (or yarn.lock)
COPY package*.json ./

# Step 4: Install dependencies
RUN npm install

# Step 5: Copy the rest of your application code
COPY . .

# Step 6: Build the React application
RUN npm run build

# Step 7: Use a base image to serve the application
FROM nginx:alpine

# Step 8: Copy the build output from the previous stage to the Nginx public directory
COPY --from=build /app/build /usr/share/nginx/html

# Step 9: Expose port 80 to the outside
EXPOSE 80

# Step 10: Start the Nginx server
CMD ["nginx", "-g", "daemon off;"]