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


On this page of the site you can watch the video online How to deploy a react application to GitHub Pages with a duration of hours minute second in good quality, which was uploaded by the user Coding With Adam 29 April 2020, share the link with friends and acquaintances, this video has already been watched 2,698 times on youtube and it was liked by 53 viewers. Enjoy your viewing!