build node application with Docker

.dockerignore

@@ -1,2 +1,3 @@
 node_modules/
 doc/
+npm-debug.log

Dockerfile

@@ -1,10 +1,19 @@
-FROM nginx:stable-alpine
+FROM node:8.2
 
-# Copy frontend files and make them accesible to nginx
+# Create app directory
-RUN mkdir /www
+RUN mkdir -p /usr/src/app
-COPY build /www
+WORKDIR /usr/src/app
-RUN chown nginx:nginx -R /www
-RUN chmod -R 0755 /www
 
-# Copy nginx configuration
+# Install app dependencies
-COPY etc/nginx/villas.conf /etc/nginx/conf.d/default.conf
+COPY package.json /usr/src/app/
+RUN npm install
+
+VOLUME /usr/src/app/build
+
+# Bundle app source
+COPY . /usr/src/app
+RUN npm run build
+
+EXPOSE 80
+
+CMD [ "npm", "start" ]

docker-compose.yml

@@ -8,14 +8,23 @@ networks:
   villas:
 
 services:
-  # The VILLASweb frontend
+  # Build the frontend with node into a Docker volume
+  # This container does nothing useful beside providing an
+  # assets container to the nginx service
   frontend:
     build:
       context: .
+    command: "/bin/true"
+
+  nginx:
+    image: nginx:stable-alpine
     ports:
       - "80:80"
       - "443:443"
-    restart: always
+    volumes:
+      - "./etc/nginx/villas.conf:/etc/nginx/conf.d/default.conf"
+    volumes_from:
+      - frontend
     networks:
       villas:
 

etc/nginx/villas.conf

@@ -27,7 +27,7 @@ server {
 
   # frontend location
   location / {
-    root /www;
+    root /usr/src/app/build/;
   }
 
   # error pages