How to Deploy React Projects on Github Pages ? | Easy Walkthrough

How to Deploy React Projects on Github Pages ? | Easy Walkthrough

Saumya Nayak

3 года назад

4,404 Просмотров

You will learn how to deploy your React Projects on Github Pages easily.

In Package.json :

"homepage": "https://tomerpacific.github.io/starter-project/",

-To be added in "scripts" :
"predeploy": "npm run build",
"deploy": "gh-pages -d build",


Hi there! New to Future Driven ? If so, here's what you need to know - Future Driven is the place where I share my journey with the you towards my goals related to Computer Science , Programming , Machine and Deep Learning , Solving Problems , Productivity , Life and above all learning and creating awesome things that contribute to our goals.
Subscribe to Future Driven and let's keep learning and achieving goals.

👨‍💻 Github : https://github.com/saumya66
📚 Personal Site : https://www.saumyanayak.tech/
💙 Twitter Handle : https://twitter.com/saumya4real
☑️ LinkedIn Profile :https://www.linkedin.com/in/saumya66/
📙 Hashnode Blog : https://saumya.hashnode.dev/
💡 Dev.to Blog : https://dev.to/saumya66
✍️Quora : https://www.quora.com/profile/Saumya-Ranjan-Nayak-14

Тэги:

#github_pages #deploy_react_app #react #developer #computer_science #programming #learning #coding #deploy_react #github_deploy
Ссылки и html тэги не поддерживаются


Комментарии:

@SiddharthDayalwal
@SiddharthDayalwal - 21.04.2021 17:28

First 🔥

Ответить
@pritamsandhibigraha5775
@pritamsandhibigraha5775 - 22.04.2021 07:45

It's really gorgeous..keep going boi👍🔥

Ответить
@aryankeluskar6
@aryankeluskar6 - 01.06.2021 05:09

Does this mean we can deploy npm packages website on github ?
Many people think GitHub Pages can only deploy static HTML sites

Ответить
@LordzChilight
@LordzChilight - 23.08.2021 12:20

did you really need yarn before doing this?

Ответить
@tayabkhan6550
@tayabkhan6550 - 29.08.2021 20:23

Bro.. When I put - npm run deploy , it showing error ( npm ERR! missing script: deploy. And
A complete log of this run can be found in : )

Please help me bro.

Ответить
@karmatsering158
@karmatsering158 - 15.09.2021 15:04

appreciate your work, can you tell me your chrome theme that tabs looks so good!

Ответить
@samiragalarov5623
@samiragalarov5623 - 21.09.2021 10:56

should i download git before this?

Ответить
@janithukwattage1004
@janithukwattage1004 - 07.10.2021 21:06

Very helpful. Thank you !

Ответить
@AtinisLive
@AtinisLive - 18.10.2021 14:46

i have commit some changes and its appearing on gh pages and master but my website which i just published doesnt showing the changes i made. please help what to do

Ответить
@CoolPupGaming
@CoolPupGaming - 09.11.2021 19:13

Please make a new version of this video, this method doesn't work anymore.

Ответить
@warbaecod5361
@warbaecod5361 - 24.02.2022 01:06

Hi, Thank you for the video, I am done with these steps, when I open the link I see my project' s favicon but page is empty. What is this problem I cannot understand ?

Ответить
@sumitrai1146
@sumitrai1146 - 30.05.2022 20:32

The whole day i was looking to utube videos searching the deploy my react project but everytime it was giving me some errors . A big thanks to u big brother for making this video and solving my problems ..please continue to make such simply videos on hard topics

Ответить
@YashSharma-qo1sy
@YashSharma-qo1sy - 13.08.2022 21:22

how to make changes in website hosted on github pages

Ответить