npm install gh-pages --save-dev
package.json
//...
"homepage": "http://gitname.github.io/react-gh-pages"
//...
"scripts": {
  //...
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}
git init
git remote add origin https://github.com/gitname/react-gh-pages.git
npm run deploy
git add .
git commit -m "Create a React app and publish it to GitHub Pages"
git push origin master

Popularity 10/10 Helpfulness 7/10 Language shell

Source: github.com

Tags: deploying depl

Link to this answer
Share Copy Link

Contributed on Jun 21 2021

abdelghanyMh

0 Answers Avg Quality 2/10

react app deploy on github pages

Comment

 step-1: open package.json file and add this: 
 
 		"homepage": "https://myusername.github.io/my-app",
        
 step-2: install github pages form your terminal: 
 
 		 npm install --save gh-pages  
         
 step-3: add the following scripts in- scripts field in- package.json:
 
		    "predeploy": "npm run build", 
		    "deploy": "gh-pages -d build",
            
 step-4: push all changes to git: 
 
 		 git add
 		 git commit -m "your commit"
         git push 
         
 step-5: Now final command: 
 
         npm run deploy 
         
Notes: read(https://create-react-app.dev/docs/deployment/#github-pages)
       watch(https://youtu.be/Q9n2mLqXFpU?t=545)

Popularity 10/10 Helpfulness 5/10 Language shell

Source: create-react-app.dev

Tags: github-pages github-pag

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

Md. Ashikur Rahman

0 Answers Avg Quality 2/10

how to deploy react and backend to github pages

Comment

npm install gh-pages --save-dev
package.json
//...
"homepage": "http://gitname.github.io/react-gh-pages"
//...
"scripts": {
  //...
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}
git init

Popularity 10/10 Helpfulness 2/10 Language shell

Source: Grepper

Tags: backend

Link to this answer
Share Copy Link

Contributed on Oct 02 2021

Yucky Yacare

0 Answers Avg Quality 2/10

deploy react express to github pages

Contents

More Related Answers

deploy react express to github pages

Closely Related Answers

Deploying a React App* to GitHub Pages

react app deploy on github pages

how to deploy react and backend to github pages

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.