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",
it you want to host to github user page
"homepage": "https://myusername.github.io/",
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
then add the following lines of code in your package.json
scripts
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
Step 3:
The very next step is to run the following command
npm run deploy
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)