We can run the Docker image with the docker run command. React-docker latest 6b782301e271 2 minutes ago 438MB We can see an image with the name react-docker is created. Īfter building the docker images we can verify the image by running the docker images command. Here we are tagging it with the name react-docker. Let's build the Docker image from the Dockerfile by running the docker build command.

dockerignore file which will prevent node_modules and other unwanted files to get copied in the Docker image. We are running the npm start command the default command which will run the React development server. Here We are using node v14 alpine as the base image to build and run the application.

Let's create a file named Dockerfile in the root directory of the React application. We need a Dockerfile to create Docker images. Now let's create a Docker image for the React application. It will start the app and we can verify by visiting in the browser. Let's verify the app by running the npm start command inside the project directory. Here I created a new React app named react-docker. For this blog post, I am creating a new React application with create-react-app. Let's start by creating a React application. As Docker images are portable it is easy to deploy the application to any modern cloud provider. It is easy to build, package, share, and ship applications with Docker. Right now Docker is the defacto standard of containerizing applications. There are many advantages of using Docker. We can even dockerize Next.js or Gatsby Static builds with the same process. We will setup Docker with auto-reloading for development setup and optimized multistage docker build for production deployment. In this post, we will dockerize a React application.

Docker portable apps