Breaking News: Grepper is joining You.com. Read the official announcement!

react app deploy on github pages

Add Answer

Md. Ashikur Rahman answered on January 3, 2021 Popularity 10/10 Helpfulness 5/10

answer react app deploy on github pages

related Deploying a React App* to GitHub Pages

related How to deploy react app to github

related deploy react express to github pages

related how to deploy react and backend to github pages

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 shell

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

Md. Ashikur Rahman

0 Answers Avg Quality 2/10

Closely Related Answers

Deploying a React App* 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
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

How to deploy react app to github

Comment

In package.json add the following in this order:
	"homepage": "https://{your-github-name}.github.io/{name-of-your-repo}"

in the Scripts section, add:
	"predeploy": "npm run build",
    "deploy": "gh-pages -d build",
    
Save and commit Changes.
Push your changes to github.

Finally, in the terminal run:
	npm run build
    
 Your react app will be successfully deployed to github pages

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: github gi

Link to this answer
Share Copy Link

Contributed on Sep 29 2022

Maina

0 Answers Avg Quality 2/10

deploy react express to github pages

Comment

npm run deploy

Popularity 10/10 Helpfulness 2/10 Language shell

Source: Grepper

Tags: express

Link to this answer
Share Copy Link

Contributed on Jan 03 2021

Inquisitive Ibis

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

react app deploy on github pages

Contents

More Related Answers

react app deploy on github pages

Closely Related Answers

Deploying a React App* to GitHub Pages

How to deploy react app to github

deploy react express to 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.