Updates and Dockerization

Author: April Rieger

Dockerfile

@@ -1,24 +1,19 @@
-# Use the official lightweight Node.js image.
-# https://hub.docker.com/_/node
-FROM node:alpine
+FROM node:18-buster as web
 
-# Set the working directory in the container
-WORKDIR /usr/src/app
 
-# Copy package.json and package-lock.json
-COPY package*.json ./
+USER node
+COPY --chown=node . /home/node/app
+WORKDIR /home/node/app
 
-# Install dependencies
-RUN npm install
+ENV PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/home/node/app/node_modules/.bin
 
-# Copy the rest of your app's source code from your host to your image filesystem.
-COPY . .
-
-# Build the app
-RUN npm run build
+RUN bash -l -c " \
+  npm install && \
+  npm run clean && \
+  npm run build"
 
 # Inform Docker that the container is listening on the specified port at runtime.
 EXPOSE 8000
 
 # Run the web service on container startup.
-CMD ["npm", "run", "serve"]
+CMD ["npm", "run", "serve"]

content/sections/contact/contact.json

@@ -1,13 +1,13 @@
 {
   "name": "April Rieger, Software Engineer",
   "email": "[email protected]",
-  "description": "Got a question, idea, or just want to talk tech? I'm all ears! Whether you're curious about my work, interested in collaboration, or in need of some tech insights, don't hesitate to drop me a line. ",
+  "description": "Got a question, idea, or just want to talk tech? I'm all ears! Whether you're curious about my work, interested in collaborating, or in need of some tech insights, don't hesitate to drop me a line. ",
   "image": {
     "src": "../../images/a_rieger.png",
     "alt": ""
   },
   "socialProfiles": {
-    "from": ["LinkedIn", "Github"],
+    "from": ["Github", "LinkedIn", "Mail" ],
     "showIcons": true
   }
 }

content/sections/hero/hero.json

@@ -16,7 +16,7 @@
   },
   "description": "This is my Portfolio Site.",
   "socialProfiles": {
-    "from": ["LinkedIn", "Github"],
+    "from": ["Github", "LinkedIn", "Mail" ],
     "showIcons": true
   }
 }

docker-compose.yml

@@ -1,9 +1,32 @@
-version: '3'
+version: '3.8'
+
+x-app: &app
+  build:
+    context: .
+    target: web
+  image: aprilrieger/aprilrieger.github.io:${TAG:-latest}
+  volumes:
+    - .:/home/node/app
+    - node:/home/node/app/node_modules
+  # env_file:
+  #   - .env
+  #   - .env.development
+  # Keep the stdin open, so we can attach to our app container's process
+  # and do things such as byebug, etc:
+  stdin_open: true
+  # Enable sending signals (CTRL+C, CTRL+P + CTRL+Q) into the container:
+  tty: true
+
 services:
   web:
-    build: .
+    <<: *app
+    command: npm run serve
+    # command: tail -f /dev/null
+    # environment:
+    #   - VIRTUAL_HOST=portfolio.test
+    #   - VIRTUAL_PORT=8000
     ports:
-      - "8000:8000"
-    volumes:
-      - .:/usr/src/app
-      - /usr/src/app/node_modules
+      - 8000:8000
+      - 9000:9000
+volumes:
+  node: