1
0
Fork 0
mirror of https://github.com/docker/awesome-compose.git synced 2025-04-26 10:43:35 +02:00

Sample React-Express-MongoDB (#59)

Signed-off-by: Afzal <sah.afzal@gmail.com>
This commit is contained in:
Syed Afzal 2020-05-12 00:40:39 +05:00 committed by GitHub
parent 3599a2e685
commit 2f750eb4f7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
43 changed files with 18779 additions and 0 deletions

View file

@ -0,0 +1,27 @@
#### Snippet of frontend(ReactJS)`DockerFile`
You will find this `DockerFile` inside **frontend** directory.
```bash
# 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`.