How to push and deploy Reactjs app to gh-pages

Question

This is the GitHub repository url - ProjectManager There are no any routes.It includes small components and one API.

I followed these steps now.

I switched to the gh-pages branch .
locally run the yarn buildcommand.
It already created a build folder in my project.

But I need to know how to push it in to gh-pages branch.

Then only add files to push. You're not obliged to add everything. — phd, Jul 22 '17 at 18:11
Check my already made answer : https://stackoverflow.com/questions/44339271/committing-documentation-to-a-git-branch-gh-pages/44341936#44341936 — Philippe, Jul 22 '17 at 20:40

score 4 · Accepted Answer · answered Jul 22 '17 at 18:53

I found some method to do this

Add this to your package.json file

"homepage" : "http://<username>.github.io/<reponame>"

Add this script to your package.json file

 "deploy": "npm run build&&gh-pages -d build"

Install this library .
```
 npm install --save-dev gh-pages
```
After doing these two steps run this command
```
npm run deploy
```

It automatically created a branch named gh-pages and deployed.

score 0 · Answer 2 · answered Jul 22 '17 at 23:29

You need to make sure you're pointing to your build folder and not your root project folder. You can set this in your github repo settings. One way is to use a separate branch with your build folder as root. Or you can point to the build folder (via settings)

How to push and deploy Reactjs app to gh-pages

2 Answers2