This year I wished. Overkill? You bet!

The goal was to have a barebones Next.js Development Environment with Hot Reload Support + Production Images

This year I wished. Overkill? You bet!

Here is the production config. You'll note that Dockerfile is mostly the same as Dockerfile.dev, with the exception of environment variables and the command that gets ran (npm run dev vs npm start). If anyone has a better method for handling Development vs Production commands please let me know!

FROM node:alpine

RUN mkdir -p /app

ENV NODE_ENV production
ENV PORT 3000

EXPOSE 3000

WORKDIR /app

COPY package.json /app
COPY package-lock.json /app

RUN npm install

COPY . /app

RUN npm run build

RUN npx next telemetry disable

CMD [ "npm", "start" ]

version: '3'

services:
  nextjsprod:
    ports:
      - 3000:3000
    build:
      context: .
      dockerfile: Dockerfile

FROM node:alpine

RUN mkdir -p /opt/app

ENV PORT 3000

EXPOSE 3000

WORKDIR /opt/app

COPY package.json /opt/app
COPY package-lock.json /opt/app

RUN npm install

COPY . /opt/app

RUN npx next telemetry disable

CMD [ "npm", "run", "dev" ]

version: '3'

services:
  nextjs:
    ports:
      - 3000:3000
    build:
      context: .
      dockerfile: Dockerfile.dev
    volumes:
      - ./:/app
      - /app/node_modules
      - /app/.next

module.exports = {
  webpackDevMiddleware: config => {
    config.watchOptions = {
      poll: 1000,
      aggregateTimeout: 300,
    }
    return config
  },
}

if [ -z "$1" ]; then
  docker-compose -f docker-compose.dev.yml up -d
else
  docker-compose -f docker-compose.dev.yml up -d --build
fi

docker-compose down