add restart policy to docker compose, add sample dockerfile for demoing features

06-building-container-images/client-react/Dockerfile.3

@@ -14,15 +14,4 @@ RUN --mount=type=cache,target=/usr/src/app/.npm \
 
 COPY . .
 
-RUN npm run build
-
-# Use separate stage for deployable image
-FROM nginx:1.23-alpine
-
-COPY nginx.conf /etc/nginx/conf.d/default.conf
-
-COPY --from=build usr/src/app/dist/ /usr/share/nginx/html
-
-EXPOSE 80
-
-# No CMD specified... will uses CMD/ENTRYPOINT from base image (nginx:1.23-alpine)
+CMD ["npm", "run", "dev"]

06-building-container-images/client-react/Dockerfile.4

@@ -0,0 +1,28 @@
+FROM node:19.4-bullseye AS build
+
+# Specify working directory other than /
+WORKDIR /usr/src/app
+
+# Copy only files required to install
+# dependencies (better layer caching)
+COPY package*.json ./
+
+# Use cache mount to speed up install of existing dependencies
+RUN --mount=type=cache,target=/usr/src/app/.npm \
+  npm set cache /usr/src/app/.npm && \
+  npm install
+
+COPY . .
+
+RUN npm run build
+
+# Use separate stage for deployable image
+FROM nginx:1.23-alpine
+
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+COPY --from=build usr/src/app/dist/ /usr/share/nginx/html
+
+EXPOSE 80
+
+# No CMD specified... will uses CMD/ENTRYPOINT from base image (nginx:1.23-alpine)

06-building-container-images/client-react/Makefile

@@ -1,9 +1,9 @@
-API_NODE_PATH:=../../05-example-web-application/api-node/
+API_NODE_PATH:=../../05-example-web-application/client-react/
 
 N?=0
 .PHONY: build-N
 build-N:
-	docker build --file ./Dockerfile.$(N) -t api-node:$(N) ${API_NODE_PATH}
+	docker build --file ./Dockerfile.$(N) -t client-react:$(N) ${API_NODE_PATH}
 
 .PHONY: build-all
 build-all: