reactjs app docker code example

Example 1: docker react

# pull official base image
FROM node:13.12.0-alpine

# set working directory
WORKDIR /app

# add `/app/node_modules/.bin` to $PATH
ENV PATH /app/node_modules/.bin:$PATH

# install app dependencies
COPY package.json ./
COPY package-lock.json ./
RUN npm install --silent
RUN npm install react-scripts@3.4.1 -g --silent

# add app
COPY . ./

# start app
CMD ["npm", "start"]

Example 2: express react docker container example

# Use a lighter version of Node as a parent imageFROM mhart/alpine-node:8.11.4# Set the working directory to /clientWORKDIR /client# copy package.json into the container at /clientCOPY package*.json /client/# install dependenciesRUN npm install# Copy the current directory contents into the container at /clientCOPY . /client/# Make port 3000 available to the world outside this containerEXPOSE 3000# Run the app when the container launchesCMD ["npm", "start"]