DEV Community

Cover image for How to Host your React App for Free. (Part 1)
Vamsi Krishna
Vamsi Krishna

Posted on

How to Host your React App for Free. (Part 1)

In this Blog, we will see how to host a react JS app for free. There are so many ways to host your app online for free but in this blog we will see how to host on github pages.

Hosting a normal html, css and js files to github is very easy, but when it comes to react js it is a bit tricky.

Let's get started.

Step 1:

First step we need to do is to add Homepage to package.json

"homepage": "https://myusername.github.io/my-app",
Enter fullscreen mode Exit fullscreen mode

it you want to host to github user page

"homepage": "https://myusername.github.io/",
Enter fullscreen mode Exit fullscreen mode

Step 2:

The next step you need to do is to install gh-pages. to install run the following command in the terminal

npm install --save gh-pages
Enter fullscreen mode Exit fullscreen mode

then add the following lines of code in your package.json scripts

"predeploy": "npm run build",
"deploy": "gh-pages -d build"
Enter fullscreen mode Exit fullscreen mode

Step 3:

The very next step is to run the following command

npm run deploy
Enter fullscreen mode Exit fullscreen mode

Now you are done 💥💥

you have successfully hosted your react app on github 🚀

Thank You for reading 🌹🌹

Also Read :
MongoDB beginner tutorial
Express JS getting started

Top comments (0)