awesome-compose/react-express-mongodb/frontend
Guillaume Lours 4bba832f88
Arm64 and check Compose v2 support (#177)
add support of arm64 architecture for the following samples: 
* aspnet-mssql
* elasticsearch-logstash-kibana
* nginx-aspnet-mysql
* nginx-flask-mysql
* nginx-golang-mysql
* react-java-mysql
* sparkjava-mysql
* wordpress-mysql
* react-express-mysql
* react-express-mongodb

Signed-off-by: Guillaume Lours <guillaume.lours@docker.com>
2021-11-08 11:41:35 +01:00
..
public Sample React-Express-MongoDB (#59) 2020-05-11 21:40:39 +02:00
src react-express-mongodb: clean frontend code 2020-05-13 11:33:48 +02:00
.dockerignore react-express-mongodb: clean frontend code 2020-05-13 11:33:48 +02:00
.gitignore Sample React-Express-MongoDB (#59) 2020-05-11 21:40:39 +02:00
Dockerfile Arm64 and check Compose v2 support (#177) 2021-11-08 11:41:35 +01:00
package-lock.json Arm64 and check Compose v2 support (#177) 2021-11-08 11:41:35 +01:00
package.json Arm64 and check Compose v2 support (#177) 2021-11-08 11:41:35 +01:00
README.md Sample React-Express-MongoDB (#59) 2020-05-11 21:40:39 +02:00

Snippet of frontend(ReactJS)DockerFile

You will find this DockerFile inside frontend directory.

# Create image based on the official Node image from dockerhub
FROM node:10
#Argument that is passed from docer-compose.yaml file
ARG FRONT_END_PORT
# Create app directory
WORKDIR /usr/src/app
#Echo the argument to check passed argument loaded here correctly
RUN echo "Argument port is : $FRONT_END_PORT"
# Copy dependency definitions
COPY package.json /usr/src/app
# Install dependecies
RUN npm install
# Get all the code needed to run the app
COPY . /usr/src/app
# Expose the port the app runs in
EXPOSE ${FRONT_END_PORT}
# Serve the app
CMD ["npm", "start"]
Explanation of frontend(ReactJS) DockerFile

Frontend DockerFile is almost the same as Backend DockerFile.