How to Upload/Deploy React App on GitHub Pages | Upload React App on GitHub Pages | 2023

Published: 31 October 2023
on channel: Raihan'sCodeShow

739

Hey everyone, In This Tutorial You Will Learn How to Upload/Deploy React App on GitHub Pages in Just 8 Minutes!

Source Code:
GitHub: https://github.com/raihanscodeshow/te...

Live React App:
https://raihanscodeshow.github.io/tex...

Note:
At (07:03) if your site/app link is not showing, wait 10-15 seconds and reload the page again.

Command Used in this Tutorial:
» npm install gh-pages --save-dev

» git init
» git add .
» git add README.md
» git commit -m "first commit"
» git branch -M 'main'
» git remote add origin GIT_URL_HERE
» git push -u origin 'main'

In package.json:
"homepage": "https://USERNAME.github.io/REPO_NAME"

In package.json 's scripts:
"predeploy": "npm run build",
"deploy": "gh-pages -d build",

» npm run deploy

Key Features:
Upload React App on GitHub Pages
Deploy React Application on GitHub Pages

Timestamps:
00:00 My React App Demo
01:25 Create Repository for React App
01:58 Command for Upload React App on GitHub Pages
06:48 Reload GitHub Repository
07:14 React App Live in GitHub Pages

Related Videos:
   • Python Projects for Absolute Beginners | S...
   • Error Solutions | Troubleshooting Tips
   • Python Shorts
   • C Programming Shorts

Follow On:
Instagram:   / raihanscodeshow
Twitter:   / raihanscodeshow
GitHub: https://github.com/raihanscodeshow

Thank you for watching, and we'll see you in the next video!
#raihanscodeshow #reactapp #github #deployreactapp

On this page of the site you can watch the video online How to Upload/Deploy React App on GitHub Pages | Upload React App on GitHub Pages | 2023 with a duration of hours minute second in good quality, which was uploaded by the user Raihan'sCodeShow 31 October 2023, share the link with friends and acquaintances, this video has already been watched 739 times on youtube and it was liked by 10 viewers. Enjoy your viewing!