Hosting a React.js website live on a VPS Server || Connect Domain to VPS Server🔥

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 มิ.ย. 2024
  • In this video, we will guide you through the process of hosting a React.js website live on a VPS server using Hostinger. We will walk you through the process of purchasing your domain and server, configuring it with nginx server software and deploying your React.js website live on the web. Whether you're a beginner or an experienced developer, this tutorial will provide you with the knowledge and skills you need to successfully host your own React.js website live on a VPS server using Hostinger. Join us and let's get started!
    ▶ VPS Server link: hostinger.com/thapa7
    ▶ Also, use THAPA7 coupon code for an extra 10% Discount.
    👉 Source code and Set of Commands Link: www.thapatechnical.com/2023/0...
    😊 Become a Member, get access to perks, free Source code, & more..
    / @thapatechnical
    😍 Check my Instagram to Connect with me: / thapatechnical
    👩‍💻 Discord Server Link for Programmer to Hangout: / discord
    ----------TIMELINE------
    0:00 Intro
    0:20 web hosting
    1:10 Why VPS
    2:20 React app review
    3:10 Github review
    4:18 How to buy VPS
    5:40 VPS Setup
    7:05 how to Buy Domain
    8:08 Domain Setup+
    8:50 DNS / Nameservers Setup
    12:20 puTTy
    13:00 Prerequisites
    16:10 connect domain to nginx
    23:35 Test the configuraton file
    23:00 add Certbot for ssl
    25:00 Add Data to the Domain with github
    26:00 run the project
    28:20 comment your view
    29:00 Link and coupon

ความคิดเห็น • 126

  • @ThapaTechnical
    @ThapaTechnical  ปีที่แล้ว +5

    👉 Source code and Set of Commands Link: www.thapatechnical.com/2023/01/how-to-host-react-js-website-live-on.html
    ▶ VPS Server link: hostinger.com/thapa7
    ▶ Also, use the THAPA7 coupon code for an extra 10% discount.
    😊 Become a Member, get access to perks, free Source code, & more..
    th-cam.com/channels/wfaAHy4zQUb2APNOGXUCCA.htmljoin
    😍 Check my Instagram to Connect with me: instagram.com/thapatechnical
    👩‍💻 Discord Server Link for Programmer to Hangout: discord.gg/MdScmCsua6

    • @amanqureshi2001
      @amanqureshi2001 ปีที่แล้ว +2

      Sir e-commerce website ki api fix karde

    • @coolWebDev
      @coolWebDev ปีที่แล้ว

      Sir ecommerce me paytm payment gateway add kroo please tb jake vo fully ecommerce hogi sir♥️♥️♥️♥️♥️♥️♥️

    • @bsdk9606
      @bsdk9606 3 หลายเดือนก่อน

      @ThapaTechnical
      next js bhi host ho skti h kya jj

    • @bsdk9606
      @bsdk9606 3 หลายเดือนก่อน

      next js bhi host ho skti h kya

  • @patelronak153
    @patelronak153 ปีที่แล้ว +14

    VPS Complete Setup🚀

  • @muneebahmad8772
    @muneebahmad8772 9 หลายเดือนก่อน +1

    Thank you for making this video, This video helps me a lot.

  • @mukeshchaudhary6873
    @mukeshchaudhary6873 5 หลายเดือนก่อน +1

    Very informative video. Thanks!

  • @kashyapprajapati4700
    @kashyapprajapati4700 ปีที่แล้ว +3

    Hey ,
    I have one doubt is can we deploy MERN stack base website using GitHub Pages??

  • @sambuddhabiswas6478
    @sambuddhabiswas6478 11 หลายเดือนก่อน +4

    wasted 3 days of life thanks to you thappe

  • @jovarghese1253
    @jovarghese1253 ปีที่แล้ว +1

    Hello need little help: i have to deploy my mern application which is small scale project like student entry application. I ambusing mongodb atlas as db so which one will be cost effective deployment and please suggest a platform

  • @abhishekmagar9843
    @abhishekmagar9843 11 หลายเดือนก่อน +1

    Thank you sir. you my ideal sir. I learn web devepoment watching your videos. now I am working as developer in it company without IT college background. Thank you very much sir

    • @CodeWithHaseeb
      @CodeWithHaseeb 10 หลายเดือนก่อน +1

      Bro do you psssed interview or not?

    • @abhishekmagar9843
      @abhishekmagar9843 10 หลายเดือนก่อน

      @@CodeWithHaseeb yup i passed the interview.

  • @hardikraval9644
    @hardikraval9644 ปีที่แล้ว +5

    @ThapaTechnical I think major part is missing here, you were running your project from dev server(i.e. yarn start) you should run your project from build files(i.e. build minified production ready files).

    • @techvro6566
      @techvro6566 11 หลายเดือนก่อน

      Sir maine Ek website banayi hai jaha pe products show krwate hai, uske liye alag se admin panel banayai hao, dono alag alag website hai, mern se banayi hai, and dono ko VPS pe kaise daale bataiye

  • @AmanKumar-eg5rc
    @AmanKumar-eg5rc 11 หลายเดือนก่อน

    Nice video😊

  • @maclareentourandtravels
    @maclareentourandtravels ปีที่แล้ว +2

    Waiting for Mern stack complete vps setup . Please drop that soon

  • @haseebrajpoot1584
    @haseebrajpoot1584 ปีที่แล้ว

    very nice video

  • @MOHDASIF-sv6qr
    @MOHDASIF-sv6qr 7 หลายเดือนก่อน +1

    Sir I have develope an e commerce website using reactjs and springboot java then vsp is suitable to host my website? Please sir reply

  • @MaheshKumar-dq1gs
    @MaheshKumar-dq1gs ปีที่แล้ว +1

    Thank you very much for this video. This is very good but useless without "VPS complete setup". I installed the prerequisites and followed the steps which explained in this video but not sure where is the problem and my website is not working. Can you please share the video for "VPS complete setup" once you done?

  • @shailesh_R
    @shailesh_R ปีที่แล้ว +7

    VPS complete setup, pls!

  • @navinpatil3983
    @navinpatil3983 11 หลายเดือนก่อน +1

    Please make a video regarding complete VPS setup

  • @lovesowl2259
    @lovesowl2259 ปีที่แล้ว +2

    Complete setup sir also how to to update and add new files and components

  • @subhajitkarmakar3069
    @subhajitkarmakar3069 ปีที่แล้ว

    Thank you

  • @biteprogram
    @biteprogram ปีที่แล้ว +2

    Please make a video on deploying Express Js Website to VPS server. With domain.

  • @gouravkushwaha3001
    @gouravkushwaha3001 10 หลายเดือนก่อน +1

    Can I host my MERN website on hostinger's premium web hosting plan?

  • @ravi-gadhiya
    @ravi-gadhiya ปีที่แล้ว +1

    Thanks for useful information, one question: If we are building like simple blog type website (using MERN), where having multiple categories, posts, images.. Which database you will prefer No-SQL OR SQL?

    • @ThapaTechnical
      @ThapaTechnical  ปีที่แล้ว +1

      If your website requires complex queries, transactions, and consistent data integrity, SQL databases can be a good fit.
      and
      If your website needs fast and flexible data retrieval, and the structure of the data is subject to change or has varying attributes across different posts, NoSQL databases can be a good choice. They are also suitable for handling large amounts of unstructured data, such as images, in a scalable manner.

    • @ravi-gadhiya
      @ravi-gadhiya 11 หลายเดือนก่อน

      @@ThapaTechnical Thank you, we have MongoDB and Redis which is best in noSQL databse?

  • @techvro6566
    @techvro6566 11 หลายเดือนก่อน +1

    Sir maine Ek website banayi hai jaha pe products show krwate hai, uske liye alag se admin panel banayai hao, dono alag alag website hai, mern se banayi hai, and dono ko VPS pe kaise daale bataiye

  • @pranjalsarkar868
    @pranjalsarkar868 22 วันที่ผ่านมา

    Sir at 25:59, I git cloned my remote repository but the putty terminal outputted this:
    fatal: could not read from remote repository. Please make sure you have the correct access rights and the repository exists.
    Please help me Sir

  • @jitheshnikhilvaz8047
    @jitheshnikhilvaz8047 ปีที่แล้ว +1

    i have windows server 2003 R2 how to hosting a website from home server hostinger point to ip

  • @triplestar9436
    @triplestar9436 ปีที่แล้ว +1

    make a full video on django project how to generate FTP or VSFTPD and SSH key on hostinger VPS server and how to connect domain and VPS.

  • @davidbaraiya2649
    @davidbaraiya2649 11 หลายเดือนก่อน +1

    I faces one issue i visit all pages but i refresh its give me 404 error

  • @top_32
    @top_32 11 หลายเดือนก่อน

    Vps complete set-up 💥

  • @RandhirGawai
    @RandhirGawai 23 วันที่ผ่านมา

    i am trying to host my flask app on hostinger but not able to do so please provide step by step process to do so

  • @itsfrustyop
    @itsfrustyop ปีที่แล้ว

    yarn build command not found ara ha last me... yarn installed ha.. but vo package.json kaha see milega

  • @elawadii
    @elawadii 5 หลายเดือนก่อน

    Hello can i setup mongodb in vps instead mongo atlas

  • @neerajyadav2349
    @neerajyadav2349 3 หลายเดือนก่อน

    How to Host a project with nodejs for backend and nextjs for frontend on Hostinger VPS

  • @shitalbhagoria9148
    @shitalbhagoria9148 ปีที่แล้ว

    How I create evo calendar in react js. Can you make a video in it

  • @OtakuAlliance-gg
    @OtakuAlliance-gg ปีที่แล้ว +1

    first

  • @somyarathee
    @somyarathee ปีที่แล้ว +1

    I have a python backend how to host?

  • @bsdk9606
    @bsdk9606 3 หลายเดือนก่อน

    @ThapaTechnical
    next js bhi host ho skti h kya jj

  • @StrictworkboyzZ
    @StrictworkboyzZ ปีที่แล้ว

    hlo bhai big fan

  • @rohitverma4449
    @rohitverma4449 8 หลายเดือนก่อน

    Please make a video on update also

  • @ranveersaksena4969
    @ranveersaksena4969 ปีที่แล้ว

    Because I am working on projects ecommerce project

  • @bhairabeniwal
    @bhairabeniwal ปีที่แล้ว

    Full series

  • @paraschouhan5205
    @paraschouhan5205 ปีที่แล้ว

    how to add backend API ? this is only react UI

  • @Prashannraj
    @Prashannraj 3 หลายเดือนก่อน

    How to setup client and server app on vps?

  • @shanuraj715
    @shanuraj715 ปีที่แล้ว

    bhai last me jo aapne bataya ki terminal bnd krne pr bhi live rahega. lekin y nhi bataya ki wapis kisi or din hame bnd krna hoga to kaise karenge ?

  • @vinitjain7
    @vinitjain7 ปีที่แล้ว

    mai web hosting pe apna node application nahi host ker sakta ??

  • @vaghii6731
    @vaghii6731 ปีที่แล้ว

    Meri website localhost 3000 pe chalta hai thik , but deploy karne pe complete contents nahi show karta hai

  • @mohdabdulfareed7871
    @mohdabdulfareed7871 ปีที่แล้ว

    Background video kaise set karre ek video banao na thapa bhaiya.

  • @diwakarpandey9986
    @diwakarpandey9986 ปีที่แล้ว

    how can install complete VPS Setup

  • @dhananjaysingh194
    @dhananjaysingh194 ปีที่แล้ว

    how to django project deploy on vps server

  • @sanjibsaau
    @sanjibsaau ปีที่แล้ว

    VPS Completed setup

  • @user-ij2ni3fz5q
    @user-ij2ni3fz5q 5 หลายเดือนก่อน

    Can u make it for flask/fastapi please please 🥺

  • @haseebrajpoot1584
    @haseebrajpoot1584 ปีที่แล้ว +1

    VPS Complete Setup plz sir

  • @pro_4988
    @pro_4988 ปีที่แล้ว

    Full playList Please on this !!

  • @diwakarpandey9986
    @diwakarpandey9986 ปีที่แล้ว

    please create video VPS server complete setup run how.

  • @oneforall6909
    @oneforall6909 ปีที่แล้ว

    Sir please upload complete mern video

  • @paraschouhan5205
    @paraschouhan5205 ปีที่แล้ว

    kindly create MERN complete app deployment on hostinger

  • @mazamsajid
    @mazamsajid ปีที่แล้ว

    kindly create video to host react on Windows VPS Server

  • @bloggerkaushalkishor
    @bloggerkaushalkishor 9 หลายเดือนก่อน

    bhai shared me kese host karte hain uspar bhi video banao bhai please 🙏🙏

  • @yashkallewar1231
    @yashkallewar1231 3 หลายเดือนก่อน

    how many website we can host

  • @kishandave722
    @kishandave722 11 หลายเดือนก่อน

    vps pe ek tutorial banaye with setup

  • @user-tp5ye5oj9y
    @user-tp5ye5oj9y 6 หลายเดือนก่อน

    not able to see my application on my domain

  • @user-ts6gk5bv7n
    @user-ts6gk5bv7n 2 หลายเดือนก่อน

    Is there any other alternate of putty

  • @manjilunnobi
    @manjilunnobi 5 หลายเดือนก่อน

    Apache2 ka videos do ..

  • @ashrafshaikh4436
    @ashrafshaikh4436 ปีที่แล้ว +1

    Vps complete setup

  • @abhijeetsrivastava4617
    @abhijeetsrivastava4617 ปีที่แล้ว

    First comment

  • @paraschouhan5205
    @paraschouhan5205 ปีที่แล้ว

    VPS complete setupt ,,,kindlly create a vedeo for complete setup

  • @ranveersaksena4969
    @ranveersaksena4969 ปีที่แล้ว +1

    Please resolve api error sir

  • @Jobiskill
    @Jobiskill ปีที่แล้ว

    Please jo part left kiya hai is vedio mai vo bi please btaye jaldi, vo major part hai,

  • @Rohitsingh2410
    @Rohitsingh2410 ปีที่แล้ว

    not working, it shoes the default page

  • @manjilunnobi
    @manjilunnobi 6 หลายเดือนก่อน

    Redirect ka videos do ..
    Apache 2 redirect vps ip
    Vps ip off only domin to access site aye gi Videos do ... Best honga

  • @webdesign7530
    @webdesign7530 ปีที่แล้ว

    👏👏👏🤝🤝🤝

  • @rohitverma4449
    @rohitverma4449 8 หลายเดือนก่อน +1

    Please make a VPS complete set up

    • @adwitiyarathore9247
      @adwitiyarathore9247 2 หลายเดือนก่อน

      Hey did u got any video related to the setup?

  • @ranveersaksena4969
    @ranveersaksena4969 ปีที่แล้ว

    Hi sir

  • @NEWTECHBUDDY
    @NEWTECHBUDDY 7 หลายเดือนก่อน

    Sir but mera front end react me and backend node.js me hai to dono ko kese krte hai

    • @NEWTECHBUDDY
      @NEWTECHBUDDY 7 หลายเดือนก่อน

      And also use npm

    • @NEWTECHBUDDY
      @NEWTECHBUDDY 7 หลายเดือนก่อน

      Npm start

  • @priyakadam4916
    @priyakadam4916 10 หลายเดือนก่อน

    Vps complete the setup video please .beacuse without this we are not able to host the website

  • @skullhunter7342
    @skullhunter7342 ปีที่แล้ว +1

    Mern stack complete vps setup 🔥

  • @sanjibsaau
    @sanjibsaau ปีที่แล้ว

    Can I upload the next project on the hosting hPanel server ? How ?

  • @rishiraj2548
    @rishiraj2548 ปีที่แล้ว

    🙏🙏😌

  • @shreyapandey7293
    @shreyapandey7293 ปีที่แล้ว +1

    Vps complete set-up

  • @arsalanrehman9117
    @arsalanrehman9117 ปีที่แล้ว +2

    Sir e commerce backend

  • @ranveersaksena4969
    @ranveersaksena4969 ปีที่แล้ว

    Your ecommerce api not working sir please help me

    • @Harsh-uh4vo
      @Harsh-uh4vo ปีที่แล้ว

      Aaj tak shi ho jyega...comment kiya tha isne😋

  • @hafizimranattari
    @hafizimranattari ปีที่แล้ว

    how to host react.js in plesk

  • @muktarulhossain5425
    @muktarulhossain5425 10 หลายเดือนก่อน

    One VPS mein 2 website host ho sakta hein?

    • @ThapaTechnical
      @ThapaTechnical  10 หลายเดือนก่อน

      kitne bhi kar sakte ho.. I am already hosting 10+ website

  • @nirjuskarmakar5379
    @nirjuskarmakar5379 11 หลายเดือนก่อน

    vps complete setup.

  • @somyarathee
    @somyarathee ปีที่แล้ว

    Can u help me in one to one session?

  • @abhay_13
    @abhay_13 ปีที่แล้ว

    VPS Complete setup

  • @user-gd4qu8nv3u
    @user-gd4qu8nv3u หลายเดือนก่อน

    VPS complete setup with MySQL database

  • @gauravjain1444
    @gauravjain1444 ปีที่แล้ว

    Audio and video are not in sync

  • @durveshkumar2688
    @durveshkumar2688 8 หลายเดือนก่อน

    Developer and teacher me kya fark hota h clear dikha mujhe aaj itna easy concept ko , iss typ se btaya h , beginer to react hi chhod de

  • @narend
    @narend 9 หลายเดือนก่อน

    Vps complete setuo

  • @chetangupta2130
    @chetangupta2130 ปีที่แล้ว

    VPS Complete Setup

  • @behindthescript4157
    @behindthescript4157 5 หลายเดือนก่อน

    Tune MERN stack me front end alag bataya yaha alag . Ek bata lekin accha bata timepass ho raha mera

  • @crazythings36
    @crazythings36 4 หลายเดือนก่อน

    I need some help in VPS hostinger. How can I contact you??

  • @jaisonjohn5572
    @jaisonjohn5572 7 หลายเดือนก่อน

    Sir phele ap aache video banate the abi tho sirf promotion hi kr rahe hoo 🙂

  • @FakeAccount-fr4xh
    @FakeAccount-fr4xh ปีที่แล้ว

    Vps complete setup

  • @user-ju3ur3tg9y
    @user-ju3ur3tg9y 5 หลายเดือนก่อน

    VPS Complete setup

  • @rahulgahlot1256
    @rahulgahlot1256 ปีที่แล้ว

    Vps complete setup

  • @nabeelahmed3931
    @nabeelahmed3931 ปีที่แล้ว

    Vps complete setup

  • @prafulchauhan6114
    @prafulchauhan6114 ปีที่แล้ว

    Vps complete setup

  • @sumeetbhikule9338
    @sumeetbhikule9338 4 หลายเดือนก่อน

    Vps complete setup

  • @MaiAurMikky
    @MaiAurMikky หลายเดือนก่อน

    Vps complete setup

  • @shivamthacker1904
    @shivamthacker1904 9 หลายเดือนก่อน

    Vps complete setup