project init

client/.gitignore

@@ -0,0 +1,21 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

client/Dockerfile

@@ -0,0 +1,14 @@
+FROM node:alpine
+WORKDIR '/app'
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+FROM nginx
+EXPOSE 80
+COPY ./nginx/default.conf /etc/nginx/conf.d/default.conf
+COPY --from=0 /app/build /usr/share/nginx/html
+
+# req -> EB: {nginx1(:80) routing to port 3000(nginx2 + pro react) and 5000(express)}
+# nginx2 can be replaced: to nginx1 or other service

client/Dockerfile.dev

@@ -0,0 +1,6 @@
+FROM node:alpine
+WORKDIR '/app'
+COPY ./package.json ./
+RUN npm install
+COPY . .
+CMD ["npm", "run", "start"]

client/nginx/default.conf

@@ -0,0 +1,11 @@
+server {
+  listen 3000;
+  #proxy / -> upstream client
+  location / {
+    #production asset share
+    root /usr/share/nginx/html;
+    index index.html index.htm;
+    #for the workign of React Router
+    try_files $uri $uri/ /index.html;
+  }
+}