How To Host React JS Website Live for Free using GitHub in 2020

Welcome, how to Host React Website Live for Free using GitHub in 2020.
➡️ Here is the Site: thapatechnical...
************ Must Watch Videos For Web Development ************
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
➡️ React DevTools & Source Code Link: www.thapatechn...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ ReactJS JavaScript Array Map Method in Hindi with Example: • ReactJS JavaScript Arr...
➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020
➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...

➡️ Install VS Code for ReactJS LINK: www.thapatechn...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechn...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter KZbin Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...

[@ThapaTechnical]

Guyd, Plz share this to all your friends ok.. this is Awesome..Live ➡️ Here is the Site: thapatechnical.github.io/reactlivewebsite/

[@swaroopthetechz1352]

Keep it up 2000k road

[@jaimishprajapati1870]

Bro wordpress par full tutorial banvo.....

[@ultimatescod6593]

Material ui ka website banna do please

[@omeshdewangan3352]

Dear Sir...... Python Kab Start Kr Rhe Ho... Please Reply Sir........ Apka Subscriber Bahut Hi Zyada Ho Jayega......

[@aaravkumar2666]

#Help please Why it's not working with arrow function: - var person = { fname:"John", lname: "Doe" } const ful = () => `${this.fname} ${this.lname}` let z = ful.bind(person) z()

[@deepanshubhargav1024]

kya smjhate ho yrr bhai , Guys, bole to bilkul saaf-saaf or seedha-seedha . ThankYOU :)

[@prawinpravs1139]

I have been looking for a reactJS project in Firebase hosting but I have not done it because firebase was throwing an error. I got an osm video on Github so thank you so much for this video. I am basically south Indian, so I am not good at Hindi, but I understood the concept and executed it perfectly. Thank you so much many companies were asking me to send a project which you have done.. so I was unable to send a project due to failure of hosting but ultimately I did.

[@yashdeore473]

You have no idea how badly I was searching for this one so thanks a lot 😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀😀

[@nandkishorechhimpa2939]

Awesome video, pure details me aapne bataya 1 shot me meri website deploy ho gyi bina errors , thank you

[@sanatanhindutvaa]

sir i started react cource from channel and i wanted full cource somewhere. then i found your full cource on react. thank you very much sir.

[@abhishekborse7869]

I follow every instruction as you said git page show the site is published but when i click on that site it shows the content of redme md file what should i do?

[@ashishchaudhari8223]

shows error after git push -u origin master this : failed to push some refs to "Web Link"

[@azeemrahman3509]

GREAT WORK THAPA AWESOME VIDEO AND BETTER EXPLANATION KEEP CODING,KEEP LEARNING

[@kittueditorshk8940]

teacher bahut dekhha hai pr apke jaisa koi nhi

[@lavanyam3224]

Thankyou sooooo much for your step by step explanation.. I faced some difficulties while hosting in netlify and was completely clueless and found your video extremely helpful.. Finally I've deployed my react app :)

[@ashutoshpotdar7411]

Did it worked mam?

[@lavanyam3224]

@@ashutoshpotdar7411 yeah it worked 😁

[@nikhilsharma2687]

@@lavanyam3224 mam how can I deploy it if i/m using strapi api

[@kamleshpawar9483]

Love you brother. After following the steps the site is hosted successfully and I am so happy to see that. You are the best. God bless you.

[@phoenixfactoral8621]

help me, it doesn't work

[@codeblooded6760]

Bhai atleast bol deta ki git install karna padega

[@EWorldHub]

Superb.. Thanks for Ur Valuable Efforts...Easy to Understand React JS

[@DEEPANSHU_NAG]

Very awesome video good explanation as always ✌🏻👏🏻👍🏻💯 Maine jo icon fonts ke bare me pucha tha vo kb batayege🙏🏻

[@reeshabhkapoor7]

Hi, While deploying, I followed all the steps but all my files are shown deleted and github is showing new app deployed(the basic app which comes with create-react-app). I don't know what's wrong. Please help..

[@vikrambais4885]

good work ,, being a web developer, I always appreciate your work .. I doubt that router will not work on github,,

[@ashishsingla4697]

Thanks bro... finally i host my first react App .. Thanks once again. keep it up. ;) ;)

[@chandrapalyadav6863]

Thanks sir ji , you made a video on this topic.

[@ankushladani496]

Thank You Bhaitya for this awesome But there is small change which is that we have to change source to gh-pages in last THANK YOU

[@priyankaroberts1093]

Hey Ankush Have you created any projects in JavaScript frameworks? Are you a open to opportunities in web development currently?

[@rasiksawant7491]

Great work bro and thanks for step by step explaination

[@priyankaroberts1093]

Hey Rasik Good to know that you like learning from these tutorials. Are you a fresher and open to exploring opportunities in web development currently?

[@ShivamSahu-u9y]

I am getting this error after all the processes are completed: index-f03a5fe2.css:1 Failed to load resource: the server responded with a status of 404 ()

[@sandeepsangvekar627]

bro I get this error in the last moment when I write command: npm run deploy npm ERR! missing script: deploy npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\DELL\AppData\Roaming pm-cache\_logs\2020-12-13T14_53_41_032Z-debug.log I had checked on google But i don't get anything pls solve this query. this is the stop i've been pls help me........

[@ShyamMardiya]

sir i am upload project but not live all step are clear and my file size is 23mb storage 1 hour but not live please help sir

[@mdfarhanfahimansari1352]

Hey is it needed to push the node modules ?

[@denishishere8501]

This thing isn’t working anymore…getting white screen coz of react-routing paths

[@Anand-gn4qt]

Thank You, Such a perfect video for host react js website on github ✌✌

[@onlyonly7612]

I'm just wondering when he updates his package.json file and builds the project using npm he did not push the updates to GitHub then how the project got live.

[@husainmansuri9544]

thinking the same thing

[@husainmansuri9544]

because "npm run deploy" is taking care of it

[@onlyonly7612]

@@husainmansuri9544 there is also something he skipped. 8 month ago I watched this video now I forgot that what he had skipped.

[@rizwanullah6304]

sir when i host the website then all css will be changed byself like font-size ,style should be smaller or bigger byself. and images will not found sir sara gar bar ho gaya khod sy

[@dfordemo981]

ary wahhhh, yeh boht kamaal video, best of your channel videoooo

[@techpks5839]

Got error after push origin that Src refspec main does not match any

[@amvstudios3990]

Thank you so much for this video. Today I hosted my first Portfolio website.

[@designershyam4]

Hi, Shell I push my changes (package.json, and build folder etc) to repo?

[@saicharan-ji9uu]

Hello sir i have hosted my react app using github with the help of your tutorial. I have successfully hosted my application and can access the link. But i have a single problem that the images on the page are not loaded. Can you help me solve this problem.

[@shivanggupta5186]

Same here

[@SolidSports7]

i just love your work man ... can you tell me that how can i deploy react webisite in which i uses React Router Dom

[@ChandraTech52]

Sir ek backend pe video bnao plsss using react and php🙏🙏🙏

[@anoopmaurya4818]

Yes

[@ayushdabhi5138]

After hosting images and video are not showing in my website sol?

[@SalmanShah95]

Why my page isn’t showing

[@somashrirastogi4709]

Hi I did same with my weather app and link is showing same UI as my app but buttons are not working pls help

[@24__avnishtiwari53]

Sir i have question can we use routers in this and other packages it will deploy

[@ashraf6850]

Hello thapa sir, please reply jarur karo please. Aap konsa software use karte ho video record ke liye and editing ke liye. Please batao konsa software use karte ho please reply sir.

[@ankushdubey3185]

sir I'm facing problems while trying to pull/push my code into GitHub repository using cmd prompt git push -u origin main type -git push -u origin main i`m facing problem Logon failed, use ctrl+c to cancel basic credential prompt. plz solve the problem

[@exploitjunkie]

I have deployed my react app, but I am only getting a blank white screen. I have not got any error while deploying. help

[@abhishekmagar9843]

sir after uploading this react js project can we edit again in online server?

[@rifaazmayen9958]

i have faced an error. npm error missing script :"deploy" .i can't creat build folder.plz help me

[@vinayakgs1665]

When i run npm run deploy i am getting error as could not find a required file Index.html

[@deebaumar6768]

Hey, kia yeh method sab pages ko host kardey ga kay bs homepage?

[@surajsingh-bx7li]

is node_module/ a necessary to upload on github .???? cause bootstrap is not working on github while ignoring node_modules folder. is there any solution for this thapa sir???

[@allenalex4861]

dont include it. exclude it from being pushed into git using .gitignore.

[@freshcontent3729]

@@allenalex4861 BUT THE THE WEBSITE WONT WORK ! R U SURE ? Cause i tried wiotught it and it did not work

[@surajsingh-bx7li]

@@freshcontent3729 not yet deployed. Didn't work

[@surajsingh-bx7li]

@@freshcontent3729 have you deployed your website successfully bro?? i tried it again and still same problem..

[@enderman8275]

Hi apne jo changes kiya hai vo that apne file pe kiya hai tho github pe kaise changes reflect hua??

[@fashionwala5472]

Hi Bro, how are you? Recently i faced a problem where i need to linked a react app with the present react app. I mean like you have a option "click here" and by clicking there the another app (like todo app) will open. Then i understand this problem is facing by lot of people and there is no good tutorial who is providing it. It's my humble request to you that if please make a video about that we would be grateful to you. I will recommend that to everyone who is facing the same problem. Thank you.

[@bushranikhat2326]

Kuch changes krne k baad push kr rhi hu file..but wo changes mere GitHub link me reflect nhi kr raha hai.....kaise solve hoga

[@yogeshsharma4363]

can we use this gh-pages technique for Nodejs projects as well or only work for react apps??

[@swetapaul3627]

Is it needed to upload node modules? Please reply.. becos it takes so much time ... please reply

[@stormshadow76]

same doubt bro ? u uploaded node modules? or is it working without uploading node modules ?

[@ranupradhan6723]

sir i m facing this errors, plz suggest me how can handle this errors npm audit fix --force Run `npm audit` for details. PS D: eact\my-app> npm run deploy npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm ERR! Missing script: "deploy" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Lenovo\AppData\Local pm-cache\_logs\2022-09-20T20_36_11_161Z-debug-0.log PS D: eact\my-app>

[@creativeakshara8438]

Nice Sir✌️ Sir please ye bata do Android se kaise host kare I don't have computer 😧 Sir please make canvas tutorials 😁😁.

[@coderboyrahmat4798]

but sir the node_modules not uploading on github

[@GauravTubeOfficial]

same here bro did u got the solution for that?

[@RahulGupta-wh7or]

sir gh-pages brqnch is not showing in github pages section so what shall i do

[@AbdulMalik-de8bb]

Yes bro... I find the solution or not ?

[@vishal_solo21]

Make a video on "How to create any app sign up page in php website?" ....mtlb kisi app ko ekbar install karke....ssl chapter se data nikal ke... Usse sign up system php website kese banayaye... Taki refer ke liye install na karwana pade.

[@goutamdas9580]

you want to make refer php script for apps ?

[@vishal_solo21]

@@goutamdas9580 yes absolutely right

[@vishal_solo21]

@@goutamdas9580 you have php files?

[@pranayrathor7343]

You should have mentioned in the video that this feature is only available for public repository on github

[@tejkumar7383]

Exactly Bro

[@maxvhanamane840]

How to deploy a website on github-pages which has env variable/secreat key?

[@duttachandan8372]

Thank you sir, i was really worried about hoisting my website

[@saminarnob]

Sir can you please reply this comment what happens to the backend at time of react hosting this way ? I make mern proects and backend is on another respiratory which are needed for authentication in react project if user don't authenticate they will not be able to use whole feature ... so how to do it ? Can we do it in github also ??? Can in this way react front end get backend data from another respiratory .... ???

[@belalsiddiquei8476]

Thapa bhai, I am unable to see my app when I open the link in respective folder. please reply me so that I can update my errors.

[@rajeshshikhare4272]

Hello dost, I like your all videos. But am confused about the backend which have to use and how to make connections in between. Could you please help me with that

[@ramaniso235]

Hi it giving me Github 404 error if I click any of the navigation. Is there any solution for that?

[@vishaltaywade8069]

लौंडे ने तो मौज करा दी 👏👏👏🤘😇😂🥰 I really, appreciate your efforts 🎉🌺👍

[@maddycoder1294]

but it does not work with react router dom may be

[@rohanbhardwaj9319]

thanks bro it was tough to do but you made it easy

[@pranayrathor7343]

After doing the changes you did not push it to github , how were you able to run it ?

[@bennyhgh5319]

thank you so much sir . love from Pakistan

[@sonalkhapre5716]

This was very helpful. Thankyou 😄

[@nkOrion]

Can the deployment thing be done by a project contributor?

[@miteshjain2985]

Hello sir, I am eagerly awaiting that when you are going to teach crud operation in react, and role base authentication tutorial in react, also you can teach us using all the html component ,☺️

[@gurinderpartapsingh8694]

Sir make a playlist on new technology...these things we already know...Like Design principles....Color combinations...how to develop the creativity etc...???please sir...🙏🙏🙏🙏

[@mayankmaheshwari1378]

Not working when reloading the page.. please make a video on how to fix that

[@highendsigma2257]

bhai ek html page par item h lekin m thode itms dikhana chahta hu aur baki item ko next page par dikhana chahta hu aur next page ka link niche number m ho ..jab jab wo item se page bhar jaye to itmes nexr page jaye aur number increased ho mere main page par.aur jab bhi kisi page par jao m un number k jariye jao

[@swadhinpanigrahi9717]

If in future we will add some more component then where and how we will push those code

[@prateek4524]

thankyou so much for this. you're awesome 🔥🔥🤩

[@jeetmaheshshirodkar5185]

Nav bar is not getting collapse on being active. Some bug 😏 Does anyone else feel the same.

[@ritikjain3975]

What if we want to update something after deployment?

[@laxmanmistry9831]

hello thapaji, why i cant commit node modules folder and push on git? pllz anyone help me out

[@stormshadow76]

Maybe u have added .gitignore file in ur repo

[@usmangulzar9323]

Sir how to avoid vulnerabilities?

[@partyzone1219]

Please could you tell me how to make auto sub domain without access main server for example as we make account on facebook or fiverr they provide us a subdomain in their domain

[@LahuLuhan-o2p]

But in GitHub react router generate problem

[@shailesh_R]

Bhai ek doubt, how many websites can we host on github like this? is it limited to 1 ?

[@wahdeerr]

Vinod Bro Lots of Love from Pakistan and please make a video on HOW TO CREATE A FEEDBACK FORM WHICH CAN SEND MESSAGE ON OUR E-MAIL.

[@mdahsanekram800]

Get error in npm run build please help me

[@sandipsangvekar6377]

bro I want your help when I push any project to github. I get error like Logon failed, use ctrl+c to cancel basic credential prompt. Username for 'github.com': how to solve this issue bcoz I cant add any project on github.. pls tell me early as possible.

[@MotivationComposition]

thapa bahi yor r the best plz app REACT JS me or b bohat c modern and advanced Projects Bana k Videos Uploads karain ana ....

[@hrishikeshkonwar9820]

Thank you brother. Helped alot

[@SalmanShah95]

Thank You Very Much 💯

[@annupoddar249]

You are really AWESOME, and helpfull 👍👍

[@BAlendra123]

Aare node modules ko git pe add karna jaru re hai kya

[@abhishekrathod1777]

Thank you🌹 sirr.... Downloaded your react js full playlist...... Pls make video on connect backend with react using node Or Firebase anything

[@RAJESH5322]

Heroku me deployment me problem aa rahi h please wo bhi explain Kar do

[@anupsrivashtava2676]

github pages do not visible in my git setting page

[@arafaislam4175]

npm run build mein err dikha raha hain

[@akshittrivedi1429]

At 10:00 I ,m getting error missing script: deploy

[@chanchalpsoni]

Thank you so much. Grate work 👍

[@visheshtakushwaha2625]

Sir thank u for creating this awesome video..........