Dockerizing react app

Question

The build folder is ready to be deployed.
You may serve it with a static server:

serve -s build

---> b252a9088991
Removing intermediate container cb5c1e2629c9
Step 16/16 : RUN serve -s build
---> Running in c27b54b31108
serve: Running on port 5000

created and dockerized react application using react-app and getting output like above on "docker-compose up" command but nothing is showing on http://0.0.0.0:5000/ or http://localhost:5000/

version: '3'
services:
web:
   build: .
   image: react-cli
   container_name: react-cli
   volumes:
   - .:/app
   ports:
   - '3000:3000'

above my docker-compose.yml file

FROM scratch
FROM mhart/alpine-node:6.12.0

RUN npm install -g npm --prefix=/usr/local
RUN ln -s -f /usr/local/bin/npm /usr/bin/npm

CMD [ "/bin/sh" ]





ENV NPM_CONFIG_LOGLEVEL warn

RUN npm install -g serve
CMD serve -s build
EXPOSE 3000

COPY package.json package.json
COPY semantic.json semantic.json

COPY npm-shrinkwrap.json npm-shrinkwrap.json
RUN npm install gulp-header --save-dev
RUN npm install --no-optional

COPY . .

RUN npm run build --production

RUN serve -s build

and this is my Dockerfile

Nebril · Accepted Answer · 2018-01-08 10:37:35Z

1

Most likely you are not exposing container port on host. I don't see how your compose file looks, but you probably need to add

ports:
  - "5000:5000"

To your container definition in compose file.

answered Jan 8, 2018 at 10:37

Nebril

3,3211 gold badge35 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

shijin Over a year ago

I just included my docker file and docker compose file

Nebril Over a year ago

@shijin you are exposing port 3000 in your files, while serve claims that it is serving at 5000. Please change 3000 to 5000 in your files.

shijin Over a year ago

I just use 3000 at both files but still serving at 5000

Collectives™ on Stack Overflow

Dockerizing react app

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related