DEV Community

Eelco Verbrugge
Eelco Verbrugge

Posted on • Updated on

How to Dockerize a React app

#beginners #react #docker #short

A very simple and short guide to dockerize a React app.

Create a new React app 

$ npx create-react-app dockerized-react-app
Enter fullscreen mode Exit fullscreen mode

Cd into your project 

$ cd dockerized-react-app
Enter fullscreen mode Exit fullscreen mode

Create a file named Dockerfile 

FROM node:alpine

WORKDIR '/app'

COPY ./package.json ./

RUN npm install

COPY . .

CMD ["npm", "run", "start"]
Enter fullscreen mode Exit fullscreen mode

Create a docker-compose file docker-compose.yml 

version: '3'

services:

  app:
    container_name: my-dockerized-react-app
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - '.:/app'
      - '/app/node_modules'
    ports:
      - 3000:3000
Enter fullscreen mode Exit fullscreen mode

Build your container 

$ docker-compose up -d --build
Enter fullscreen mode Exit fullscreen mode

Go to http://localhost:3000/

Top comments (0)

Read next

msh_sayket_6a8d9f36faac8a profile image

How to deploying Laravel projects on a live server – Complete Step-by-Step Guide

Msh Sayket -

navv23 profile image

Complete Linux Essentials!

Navaneethan Ghanti -

anmolbaranwal profile image

17 Must-know React Projects for Developers 👩‍💻 🔥

Anmol Baranwal -

msnmongare profile image

How to Run a Cron Job Every 5 Minutes in Laravel 11

Sospeter Mong'are -