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

Veröffentlicht am: 31 Oktober 2023
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video How to Upload/Deploy React App on GitHub Pages | Upload React App on GitHub Pages | 2023 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Raihan'sCodeShow 31 Oktober 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 739 Mal angesehen und es wurde von 10 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

22,689