/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

10 votes235 views2 answers
How to uninstall composer in ubuntu
Shell/Bash
0 vote222 views1 answer
Bash if string does not start with
Shell/Bash
0 vote236 views1 answer
Aws credentials file location ubuntu
Shell/Bash
3 votes247 views2 answers
Update every python library
Shell/Bash
2 votes240 views1 answer
Yum list installed
Shell/Bash
0 vote246 views1 answer
Open text file from terminal
Shell/Bash
1 vote214 views1 answer
Add dns in ubuntu permanently
Shell/Bash
58 votes257 views4 answers
List of running ports linux
Shell/Bash
0 vote209 views1 answer
Awk '(split by space)
Shell/Bash
2 votes207 views1 answer
React quill
Shell/Bash