How to deploy a react application to GitHub Pages

Publié le: 29 avril 2020
sur la chaîne: 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


Sur cette page du site, vous pouvez voir la vidéo en ligne How to deploy a react application to GitHub Pages durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Coding With Adam 29 avril 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 2,698 fois et il a aimé 53 téléspectateurs. Bon visionnage!