How to Upload/Deploy React App on GitHub Pages | Upload React App on GitHub Pages | 2023
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