Preact docker-compose boilerplate

.babelrc

{
  "presets": ["env", "stage-2"],
  "plugins": [
    ["transform-react-jsx", { "pragma": "h" }]
  ]
}

docker-compose-prod.y

version: '3.3'
services:
  server:
    image: 'projectname-prod-server:latest'
    build:
      context: '.'
      dockerfile: 'Dockerfile.prod'
    depends_on:
      - 'redis'
    restart: 'always'
    working_dir: '/app'
    entrypoint: 'yarn run prod-server'

  redis:
    image: 'redis:4-alpine'
    restart: 'always'

  nginx:
    image: 'projectname-nginx:latest'
    build:
      context: '.'
      dockerfile: 'Dockerfile.nginx'
    depends_on:
      - 'server'
    ports:
      - '80:8080'
    restart: 'always'

docker-compose.yml

version: '3.3'
services:
  deps:
    image: 'projectname-deps:latest'
    build:
      context: '.'
      dockerfile: 'Dockerfile.deps'
    volumes:
      - 'node_modules:/node_modules'

  watch:
    image: 'node:9-alpine'
    depends_on:
      - 'deps'
    environment:
      - 'PATH=$PATH:/root/.node_modules/.bin/'
    restart: 'always'
    volumes:
      - '.:/app'
      - 'node_modules:/root/.node_modules'
    working_dir: '/app'
    entrypoint: 'yarn run watch'

  server:
    image: 'node:9-alpine'
    depends_on:
      - 'deps'
      - 'redis'
    environment:
      - 'PATH=$PATH:/root/.node_modules/.bin/'
    restart: 'always'
    volumes:
      - '.:/app'
      - 'node_modules:/root/.node_modules'
    working_dir: '/app'
    entrypoint: 'yarn run server'

  redis:
    image: 'redis:4-alpine'
    restart: 'always'

  nginx:
    image: 'projectname-nginx:latest'
    build:
      context: '.'
      dockerfile: 'Dockerfile.nginx'
    depends_on:
      - 'server'
    ports:
      - '8080:8080'
    restart: 'always'

volumes:
  node_modules:

Dockerfile.deps

FROM node:9-alpine
ADD package.json .
ADD yarn.lock .
RUN yarn install
CMD echo "ready"

Dockerfile.nginx

FROM nginx:1.15-alpine
COPY nginx.conf /etc/nginx/nginx.conf

Dockerfile.prod

FROM node:9-alpine
WORKDIR /app
ADD src src
ADD package.json .
ADD yarn.lock .
RUN yarn install
ENV NODE_ENV=production
ADD .babelrc .
ADD webpack.config.js .
RUN yarn run build

nginx.conf

events {
    worker_connections 1024;
}

http {
    upstream node {
        server server:8080;
    }

    server {
        listen 8080;
        server_tokens off;

        location / {
            proxy_pass http://node;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;
        }
    }
}

package.json

{
  "devDependencies": {
    "babel-core": "6",
    "babel-loader": "^7.1.4",
    "babel-plugin-transform-react-jsx": "^6.24.1",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-stage-2": "^6.24.1",
    "css-loader": "^0.28.11",
    "less": "^3.0.4",
    "less-loader": "^4.1.0",
    "nodemon": "^1.17.5",
    "style-loader": "^0.21.0",
    "webpack": "^4.9.2",
    "webpack-command": "^0.2.0"
  },
  "scripts": {
    "watch": "webpack --mode development --watch --watch-poll 1000",
    "server": "nodemon --watch src/lib src/lib/server.js",
    "build": "webpack --mode production",
    "prod-server": "node src/lib/server.js"
  }
}

webpack.config.js

const os = require('os'),
  path = require('path'),
  webpack = require('webpack');

const APP_DIR = path.resolve(__dirname, 'src/app'),
  BUILD_DIR = path.resolve(__dirname, 'src/public');

module.exports = {
  entry: ['babel-polyfill', APP_DIR + '/index.js'],
  module: {
    rules: [
      {
        include: APP_DIR,
        loader: 'babel-loader',
        test: /\.js/
      },
      {
        test: /\.less$/,
        include: [
          path.resolve(os.homedir(), '.node_modules'),
          APP_DIR + '/styles'
        ],
        loaders: ['style-loader', 'css-loader', 'less-loader'],
      }
    ]
  },
  output: {
    filename: 'bundle.js',
    path: BUILD_DIR
  },
  resolveLoader: {
    modules: [
      path.resolve(os.homedir(), '.node_modules'),
      'node_modules'
    ]
  },
  resolve: {
    modules: [
      path.resolve(os.homedir(), '.node_modules'),
      'node_modules'
    ]
  }
};