/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

29 votes367 views5 answers
Upload git repository to github
Shell/Bash
3 votes360 views2 answers
Error: Your local changes to '.gitignore' would be overwritten by merge. Aborting. Please, commit your changes or stash them before you can merge.
Shell/Bash
1 vote367 views2 answers
ModuleNotFoundError: No module named 'django_extensions'
Shell/Bash
3 votes350 views1 answer
Npm default init
Shell/Bash
1 vote407 views2 answers
Git no ssl
Shell/Bash
0 vote399 views1 answer
How to read from keyboard in bash and store in a variable
Shell/Bash
15 votes357 views2 answers
How to find host name in linux
Shell/Bash
0 vote384 views4 answers
Download post it for ubuntu
Shell/Bash
0 vote328 views1 answer
Term environment variable not set
Shell/Bash
19 votes333 views6 answers
How to install pygame
Shell/Bash