Start fast developing with docker and provide production build load balanced with NGINX #332

.docker/Dockerfile_dependencies

@@ -0,0 +1,14 @@
+# Base image
+FROM node:18
+
+# Set the working directory in the container
+WORKDIR /app
+
+COPY ../package.json ./
+
+# Install app dependencies
+RUN npm install -g pnpm
+
+RUN pnpm install
+
+

.docker/Dockerfile_develop

@@ -0,0 +1,11 @@
+# Base image
+FROM node:18
+
+RUN npm install -g pnpm
+
+# Set the working directory in the container
+WORKDIR /app
+
+COPY .. .
+
+EXPOSE 8080

.docker/Dockerfile_production

@@ -0,0 +1,27 @@
+# Base image
+FROM node:18
+
+# Set the working directory in the container
+WORKDIR /app
+
+# copy src
+COPY .. .
+
+# install pnpm
+RUN npm install -g pnpm
+
+# install initial depenancies
+RUN pnpm install
+
+# install production depencancies
+RUN pnpm install --production
+
+# build
+RUN node build
+
+
+#pull nginx as webser and load balancer
+FROM nginx:stable-alpine3.19-slim
+
+# copy the build files to nginx entry point
+COPY ./public /usr/share/nginx/html

README.md

@@ -19,6 +19,16 @@ Open http://localhost:8080/ in your browser.
 
 Run `node build` to build the minimized production version of the app. Copy `public` folder contents to your web server.
 
+### Running in docker
+
+#### Developing: 
+* Install dependencies `docker-compose up tweb.dependencies`.
+* Run develop container `docker-compose up tweb.develop `.
+* Open http://localhost:8080/ in your browser. 
+
+#### Production:
+* Run `docker-compose up tweb.production -d` nginx image and container to serve the build
+* Open http://localhost:80/ in your browser.
 
 ### Dependencies
 * [BigInteger.js](https:/peterolson/BigInteger.js) ([Unlicense](https:/peterolson/BigInteger.js/blob/master/LICENSE))

docker-compose.yaml

@@ -0,0 +1,29 @@
+version: "3.8"
+services:
+ tweb.dependencies:
+ container_name: tweb.dependencies
+ build:
+ context: .
+ dockerfile: .docker/Dockerfile_dependencies
+ volumes:
+ - "./node_modules:/app/node_modules"
+ command: pnpm install
+
+ tweb.develop:
+ container_name: tweb.develop
+ build:
+ context: .
+ dockerfile: .docker/Dockerfile_develop
+ volumes:
+ - "./:/app"
+ ports:
+ - 8080:8080
+ command: pnpm start
+
+ tweb.production:
+ container_name: tweb.production
+ build:
+ context: .
+ dockerfile: .docker/Dockerfile_production
+ ports:
+ - 80:80

package.json

@@ -5,7 +5,7 @@
  "main": "index.js",
  "scripts": {
  "preinstall": "npx only-allow pnpm",
- "start": "vite --force",
+ "start": "vite --force --host",
  "serve": "pnpm run build; node server.js",
  "build": "pnpm run generate-changelog && vite build",
  "test": "vitest",