Dockerize webapp and webapi

src/webapi/dockerize.sh

@@ -0,0 +1,2 @@
+docker build -t prasadhonrao/devcamper-webapi .
+docker push prasadhonrao/devcamper-webapi

src/webapp/Dockerfile

@@ -1,5 +1,5 @@
-# Use the official Node.js image as the base image
-FROM node:14-alpine
+# Stage 1: Build the React application
+FROM node:14 AS build
 
 # Set the working directory
 WORKDIR /app
@@ -20,11 +20,20 @@ ENV REACT_APP_DEVCAMPER_BASE_API_URI=${REACT_APP_DEVCAMPER_BASE_API_URI}
 # Build the React application
 RUN npm run build
 
+# Stage 2: Serve the React application
+FROM node:14 AS serve
+
 # Install a simple HTTP server to serve the static files
 RUN npm install -g serve
 
+# Set the working directory
+WORKDIR /app
+
+# Copy the build artifacts from the previous stage
+COPY --from=build /app/build ./build
+
 # Expose the port the app runs on
 EXPOSE 3000
 
-# Start the application
-CMD ["serve", "-s", "build", "-l", "3000"]
+# Serve the React application
+CMD ["serve", "-s", "build"]

src/webapp/dockerize.sh

@@ -0,0 +1,2 @@
+docker build -t prasadhonrao/devcamper-webapp .
+docker push prasadhonrao/devcamper-webapp