Dockerize a React & Tailwind Blog Page project

Dockerize a React & Tailwind Blog Page project

steps Included :

1 Make a folder

2 Clone the repo

3 Make dockerfile

4 Build the image

5 Run

6 Test the project

Step-1

In this step, we will first make a separate folder/directory

 mkdir projec1
 cd projec1

Step-2

In this step, we will clone the git repo in our local

***ps: don't forget to go inside the cloned repo ****

 git clone https://github.com/JayminGajera/React-Tailwind-Starter-Pack
  cd React-Tailwind-Starter-Pack/

Step-3

In this we will try to make a docker file

vim Dockerfile
FROM node:latest
# Create app directory
WORKDIR /home/gauri/projec1/React-Tailwind-Starter-Pack

# Install app dependencies
# A wildcard is used to ensure both package.json AND package-lock.json are copied
# where available (npm@5+)
COPY package*.json ./

RUN npm install
# If you are building your code for production
# RUN npm ci --only=production

# Bundle app source
COPY . .

EXPOSE 3000
CMD [ "npm", "start" ]

Step-4

In this step, we will make an image

 docker build -t gauriyadav1504/project0 .

Step-5

in this we will run the image

 docker run -p 3000:3000 -d gauriyadav1504/project0

Step-6

NOW TEST THE OUTPUT

TADDDAAAAAAA!!!!!!

****************THANKS***************

CONTACT ME ON

Email: