/Shell/Bash/How to make a react project a githubpages site

How to make a react project a githubpages site

1) Add GitHub Pages dependency package

Install "gh-pages" package using the below command.

npm install gh-pages — save-dev
Makefile
2) Add homepage property to package.json file

Add the below property to your package.json file.
For a GitHub user site: 
"homepage": "https://{username}.github.io"
For a custom domain: 
"homepage": "https://testwebsite.com"


3) Add deploy scripts to package.json file

Add both predeploy and deploy property scripts to the package.json file as below,

"predeploy": "npm run build",
"deploy": "gh-pages -d build"
Makefile
  The "predeploy" command is used to bundle the react application and the "deploy" command helps to deploy the bundled file.



4) Create a remote GitHub repository

Initialize the Git using "git init" command.
Add it as remote using "git remote add origin your-github-repository-url.git" command.
5) Deploy the Application to GitHub Pages

Now run the below command to deploy your react application to GitHub Pages.

npm run deploy

Similar codes

15 votes140 views2 answers
How to find host name in linux
Shell/Bash
0 vote150 views1 answer
Ubuntu – Root folder access via gui
Shell/Bash
0 vote139 views1 answer
The operation was rejected by your operating system npm install
Shell/Bash
2 votes158 views1 answer
Command line list files
Shell/Bash
0 vote145 views1 answer
Bash copy contents of file to clipboard
Shell/Bash
0 vote147 views1 answer
The 'apxs' command appears not to be installed or is not executable shell
Shell/Bash
2 votes136 views1 answer
Powershell string replace
Shell/Bash
0 vote157 views2 answers
Gammu-smsd.service: Unit configuration has fatal error, unit will not be started.
Shell/Bash
0 vote144 views1 answer
2FA git commands
Shell/Bash
11 votes144 views2 answers
Push/upload git repo to github
Shell/Bash