CW2-6 Dockerise Website

.dockerignore

@@ -0,0 +1,7 @@
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git

Dockerfiles/.dev.Dockerfile

@@ -0,0 +1,8 @@
+FROM node:18
+
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+EXPOSE 3000
+CMD npm run dev

Dockerfiles/.prod.Dockerfile

@@ -0,0 +1,8 @@
+FROM node:16-alpine
+RUN mkdir -p /app
+WORKDIR /app
+COPY . .
+RUN npm install
+RUN npm run build
+EXPOSE 3000
+CMD ["npm", "start"]

README.md

@@ -3,3 +3,11 @@
 ## How to run locally
 - Install dependencies with `npm install`
 - Run using `npm run dev`
+
+## How to run on docker
+Download Docker Desktop from [here](https://www.docker.com/products/docker-desktop/).
+Launch the Docker Desktop App.
+Install the Docker extension on Visual Studio Code.
+
+For a development environment run `docker-compose -f dev.docker-compose.yaml up`. This will reflect live code changes.
+For a production environment run `docker-compose -f prod.docker-compose.yaml up`. This builds the environment way done for production.

dev.docker-compose.yaml

@@ -0,0 +1,13 @@
+version: '3.5'
+
+services:
+  app:
+    build:
+      context: .
+      dockerfile: ./Dockerfiles/.dev.Dockerfile
+    container_name: docker-next
+    ports:
+      - '3000:3000'
+    volumes:
+      - .:/app
+      - /app/node_modules

prod.docker-compose.yaml

@@ -0,0 +1,13 @@
+version: '3.5'
+
+services:
+  app:
+    build:
+      context: .
+      dockerfile: ./Dockerfiles/.prod.Dockerfile
+    container_name: docker-next
+    ports:
+      - '3000:3000'
+    volumes:
+      - .:/app
+      - /app/node_modules