How to deploy and Host ReactJS app on git pages?

Показать описание

Lets learn how to deploy and host ReactJS app on git pages.
Steps:
1 : create a simple React app. ( 0:32 )
2 : install git-pages package using npm install gh-pages ( 1:35 )
3: create empty git repo and copy git link ( 2:01 )

4. on terminal of your project hit git init ( 2:30 )
5. then add origin for repo git remote add origin copied_link ( 2:42 )
6. hit git remote -v to verify remote
7. git add .
8. if node modules are added then add them to gitignore.
9. push changes
10. go to git repo setting. setup git pages for main branch copy given link ( 4:03 )

add new entry
"homepage": "your recentlly copied link" ( 4:32 )

12. add scripts tag ( 4:45 )
"predeploy": "npm run build",
"deploy": "gh-pages -d build -r YOUR_GIT_REPO_URL"
you can get git URL by hitting git remote -v

13. Then hit ( 5:56 )
npm run deploy

14. got to repo setting change branch to gh-pages ( 6:12 )
and open given URL.
after few minutes🔥🔥🔥🔥🥳 your ReactAPP is LIVE. ( 6:52 )
✔️hosted app site :
💯💯💯💯💯💯💯💯💯💯💯💯💯💯
✍️Recorded on ubuntu 20.04LTS.
✍️video editors used: Adobe Premiere Pro.
✍️👨‍💻code editor: VS code.
Author: Vaibhav Jadhav