how to deploy react app using shared hosting cpanel in less than 4 minutes | React Tutorial

so in this video we deploy the react application and website using versal and GitHub and which is completely free now in this video with the help of shared hosting we will deploy our react application in under 4 minutes so watch this full video let's go baby let's go so in this second method with the help of hostinger which is the uh we are using shared hosting we are deploying our react application on this hostinger sharehold uh share hosting okay so if you go to the hostinger site you will see uh the web hosting cost and it's just a $3 per month and uh it's so much convenient so much fast and if you see in just $3 you will get unlimited uh traffic 100 uh you can host 100 websites you will get 100 GB of SSD storage uh free emails the the business emails free domain and lot of features so if you really want to buy it I um noted down the description the this URL in the description so use that link and you will get a bumper discount okay now let's move on to our um vs code and in this vs code we just need to build the application okay so in order to build the application we have to run this command npm run build okay so once you uh run this command it will build our project okay it will take us some few seconds and once the project is buil it will create one folder called build okay so we'll wait so if you see uh within some few second right uh the build is completed and if you see on this left hand panel this build folder is created and if you extend this panel you'll see this all this file including index.html so now what you have to do just go to this uh open this build folder using the file explorer okay if you see this project this is our project landing page and inside this project we have this folder called build so you have to zip all of these files okay so I will zip this file and I will give the name like landing page okay and I will save it okay now go to your share hosting once you login and created the account with the hostinger you will see this uh type of dashboard okay okay so go to your file manager so one more thing uh I created subdomain where I'm want to uh host this site okay so once you make the subdomain uh the the folder in the file manager will get created automatically so if you go to the public HTML folder you will see this um folder TW Flix so in this case uh my domain is tux. tui.com and currently showing my uh hostinger default uh web page so if I go into this website uh it just one page which called default PHP so you have to upload click on upload and you have to click on file okay so we have to upload the J file and just locate your build folder and this Z file and select it and click okay open once it open right you'll see this J file you can goe select that one and just extract that particular uh G file okay so we can extract it here and just click extract choose folder name you can give the folder name like Landing app you can give app okay and extract it so it extracted here right in the outside of this one so what you have to do open this folder select all these files and just say move the files okay so where want to move so we want to move in the tube Flix folder so select this folder and click on move so once you click on move in the TX folder you will see all of this file and now just open this URL right I refresh this URL and you'll see our website is hosted on a shared hosting okay within a few clicks it's be there only thing with this whenever you update something in the applications you have to generate the build files and you have to upload on hosting but this is also very convenient and it's kind of free okay you will find some free hosting share hosting as well but hosting J is one of the my favorite and I will definitely recommend you okay and you will get free business emails and free domains and lot of things so use my uh the link uh which is written in description and you can create account so that's all for this video I hope you like this video and you understand how to uh deploy the react application on shared hosting and on a free platform called versal okay so there are some few more platform called netlify to host your application or using the Firebase as well if you want to know how can you Deploy on other platform please comment out guys see you in the next video until that keep smiling thank you

Channel: TubeGuruji

Views: 6,036

Keywords: react js, web hosting, webhosting, shared hosting, react js tutorial, how to deploy react app using shared hosting cpanel in less than 4 minutes, how to deploy react app, how to deploy react app using shared hosting cpanel, deploy react app, how to upload react project to cpanel, upload react project to cpanel, host react app, how to host, deploy react, react website hosting using cpanel, how to deploy react app on cpanel, how to host react website on cpanel

Id: irHMPFrQWrA

Length: 5min 54sec (354 seconds)

Published: Fri Mar 03 2023