[Dockerfile] Server static generated files in alpine nginx container (#56)

Author: PierreSchwang

.dockerignore

@@ -0,0 +1,4 @@
+.github/
+.nuxt/
+.yarn/
+node_modules/

Dockerfile

@@ -1,17 +1,29 @@
-FROM node:lts
+FROM node:lts AS builder
 
-# Clone and move into directory
-RUN git clone https://github.com/IntellectualSites/schematic-web.git /app
+# Set working directory
 WORKDIR /app
 
-# Install dependencies
-RUN yarn install
+# Install dependencies without lock file
+COPY package.json /app/package.json
+RUN yarn install --silent
 
-# Build application
-RUN yarn build
+# Get all remaining files
+COPY . /app
+
+# Generate static files
+RUN yarn run generate
+
+FROM nginx:stable-alpine
+
+# Copy dist files (generated) from builder layer into this (lightweight) nginx image
+COPY --from=builder /app/dist /usr/share/nginx/html
 
 # Expose the port
-EXPOSE 3000
+EXPOSE 80
 
-# Start the app
-CMD ["yarn", "start"]
+LABEL \
+  org.opencontainers.image.vendor="IntellectualSites" \
+  org.opencontainers.image.title="schematic-web" \
+  org.opencontainers.image.description="Frontend for arkitektonika" \
+  org.opencontainers.image.url="https://github.com/IntellectualSites" \
+  org.opencontainers.image.source="https://github.com/IntellectualSites/schematic-web"