How to deploy a react application to GitHub Pages

Published: 29 April 2020
on channel: Coding With Adam
2,698
53

How to deploy a react application to GitHub Pages. In this tutorial I show you how to find the documentation for deploying react applications to GitHub Pages. How to navigate the documentation. We cover everything from creating an application with npx create-react-app, making a GitHub repository and ultimately deploying our application to GitHub Pages.

If you like this video please subscribe like and share!

Steps 1
Add a homepage property to package.json
"homepage": "https://{github-user-name}.github.io/{Repository-name}",

Step 2 A
npm Install gh-pages

Step 2 B
Add predeploy and deploy script to scripts section of package.json
"predeploy": "npm run build",
"deploy": "gh-pages -d build",

Step 3
Deploy the application
npm run deploy

Links
https://create-react-app.dev/docs/dep...
https://create-react-app.dev/

React
https://reactjs.org/

npm GitHub pages
https://www.npmjs.com/package/gh-pages

My GitHub
https://github.com/codingwith-adam

Example of deployed app
https://codingwith-adam.github.io/Cov...

ReactJS
React
Deploy to GitHub Pages
Deployment of reactJS to GitHub pages
npm gh-pages


Watch video How to deploy a react application to GitHub Pages online without registration, duration hours minute second in high quality. This video was added by user Coding With Adam 29 April 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,698 once and liked it 53 people.