How To Deploy MERN ECommerce On Ubuntu Using Hostinger VPS

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ม.ค. 2025

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

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

    Thank you for this video. I was searching for deployment on hostinger.

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

    Hi i just want to ask in the 7:17, when i look at my name servers it display A, CAA, and CNAME not A and AAAA like the one in this video, do i need to delete all my default nameserver and do the same one in your video

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

      try to add mine and if it doesn't work, delete CAA and make it exactly like mine.

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

    Thank you so much for this amazing tutorial, hope to see in next one how to push the updates.
    Kind regards

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

    nice tutorial! its hard to find tutorials about the deployment phase of a nodejs application. Can you upload the data without using git? what do you think about using cyberpanel?

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

      thanks, no, can;t be without git.

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

    incredible video. The best.

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

      Wow, thanks!
      Please ask any coding questions here:
      codingwithbasir.com/questions/ask/

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

    basir please help me i have got an issue building mern amazona . i have asked on your question website still haven't got an answer ...i have an issue on vedio 12 i am getting 404 error i coundn't fecth the image what is the error i try to reverse the error by compering my code with your in github but still can't find the error please help me.

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

      Please ask this question here:
      codingwithbasir.com/questions/ask/
      I answer it on daily basis.

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

    I was looking for a a way to deploy this project on Ubuntu. Thanks for sharing this and the discount link!

    • @MilanDrazic
      @MilanDrazic 2 ปีที่แล้ว

      Ubuntu Linux server?

    • @codingwithbasir
      @codingwithbasir  2 ปีที่แล้ว

      yes, it is ubuntu linux server 20.04

    • @codingwithbasir
      @codingwithbasir  2 ปีที่แล้ว

      hello there,
      thanks for your interest.
      you are welcome.

    • @buvaneshvaran6373
      @buvaneshvaran6373 2 ปีที่แล้ว

      @@MilanDrazic Hi thank u so much. it's worked well. but im getting error like heap limit Allocation failed - JavaScript heap out of memory. can u help me on this

    • @MilanDrazic
      @MilanDrazic 2 ปีที่แล้ว

      @@buvaneshvaran6373 when deploy on Hostinger? try to build first localy and then deploy build folder. the hostinger does not have enough memory to build large app I think

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

    hi, Thank you for this tutorial. I have my site running, but after some months I deployed some changes, but I can't see it online. I can see the changes in the project /rest folder. What I should do to see the changes?

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

      hello there,
      you need to git push to apply changes.
      also make sure forever and pm2 has the server proccess running.

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

      @@codingwithbasir tks. I figured out how to work and now my site is running very well.

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

      Can you please help me host my mern stack Web on vps hostinger I am trying to host from last 15 days but I didn't get any fruitful result

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

      @@ajprogrammer128 sure, can you give more details, what error are you having?

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

    Thank you so much for this video. I am following your video for deploying my MERN website on centOS 7 vps on hostinger by changing the commands but for this command "sudo a2enmod proxy proxy_http rewrite headers expires" it is displaying an error "sudo: a2enmod: command not found" . I tried all the alternatives but nothing works. Can you please let me know what command i have to add to make it work on centOS 7 Cyber panel. Please!

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

      did you try this:
      stackoverflow.com/questions/50022485/a2enmod-command-not-found-in-apache-server-using-cpanel-in-linux-vps
      Please ask this question here:
      codingwithbasir.com/questions/ask/
      I answer it on daily basis.

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

    Brilliant, Thanks.

  • @nasrinmohammadzadeh838
    @nasrinmohammadzadeh838 2 ปีที่แล้ว

    Thank you basir so useful

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

    Lets say I dont have a server.js. What do I do? I have a plain website that doesnt have/need any backend as of right now

    • @mastaan1646
      @mastaan1646 10 หลายเดือนก่อน +2

      Then u don't even need vps, you just upload the build version. This reply is probably very late though.

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

      ​@@mastaan1646bro can you please help me to deploy my mern project on vps I'm trying to host the last 14 days ago but I'm still struggling

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

      ​@@mastaan1646 please bro

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

      what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.

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

    How can i store image? Should i store in datanse or Hosting too?

    • @abdel-rahmanmostafa5786
      @abdel-rahmanmostafa5786 8 หลายเดือนก่อน

      AWS S3 is better than storing in DB

    • @codingwithbasir
      @codingwithbasir  6 หลายเดือนก่อน +1

      it is better to save it in cloud servers like cloudinary or uploadthing

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

    Is this scalable for multiple websites and multiple databases?

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

      for sure it is.
      watch my new course on www.youtube.com/@CodingwithBasir/playlists

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

    can you make the video on how to host backend api on hostinger on shared hosting

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

      nodejs can't be host on shared hosting like php.

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

    Nice
    job

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

      Thank you! Cheers!
      Please watch my courses on Thinkific: basir.thinkific.com
      Use coupon SAVE90 for 90% off.

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

    I followed your tutorial of deploying. I followed all your steps. I got the processing running in forever, but when I open the website, error of 502 is coming. Errors are
    Proxy Error
    The proxy server received an invalid response from an upstream server.
    The proxy server could not handle the request
    Reason: Error reading from remote server

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

      Please send screenshot of error to take a look. include terminal logs and chrome dev tools console logs.
      Please ask this question here:
      codingwithbasir.com/questions/ask/
      I answer it on daily basis.

  • @ObjectiveTruth-zm3hi
    @ObjectiveTruth-zm3hi 6 หลายเดือนก่อน

    i dont understand what port does the react client runs on, you've used forever to keep the server running on port 8000, but what about the react client, how does it run ? ?

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

      React Client Deployment
      The React client code (HTML, CSS, and JavaScript) is typically built for production and placed in a directory on the server that's accessible by the web browser. This directory is often the root (/) of your web server's document root.
      When a user accesses your application's URL in the browser (e.g., your-server-address/), the browser fetches the client-side code from the server's document root.
      The client-side code then interacts with the Node.js server (backend) on the specified port (8000 in your case) to fetch data and perform actions.
      Key Points
      You don't need to configure a port for the React client itself.
      The Node.js server (backend) port (usually 8000) is only relevant for communication between the client and server.
      Ensure your web server (e.g., Apache, Nginx) is configured to serve the React client code from the appropriate directory when a user requests your application's URL.
      Additional Considerations
      For production deployments, consider using a process manager like PM2 for more advanced features like load balancing and clustering.
      You might have a build step in your React development process that creates an optimized production build of your client-side code.
      I hope this explanation clarifies the distinction between React client and server ports in deployments on Ubuntu servers. If you have further questions, feel free to ask!
      please ask any questions on this course on the github repo. link in the description.

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

    Assalamualaikum Mr. Basir. I have two of your courses on udemy, both the mern and next js amazona. Do you have any plan to rebuild amazona with vue or angular, plz let me know. Thnx

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

    Very NIce Video

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

      thanks,
      check my new courses on www.youtube.com/@CodingwithBasir/playlists

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

    Thanks for sharing this

  • @NanoShi-mr8nt
    @NanoShi-mr8nt ปีที่แล้ว +1

    hi basir and thanks for make this video but i have a proble in the last step cuz when i use the forever list it show me this message (info: No forever processes running)

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

      It means that the git push workflow didn't work as you want. Make sure the package.json add in the pre-save of git, you set the commands as I did in the code:
      github.com/basir/mern-amazona/blob/master/package.json

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

    i would like to thank for the video but i have build my react app using vite and i was able to push both backend and front end to my server but am geting the backend data as json on the browser when i hit my domain

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

      Did you fix it

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

      what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.

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

    I made a website using html,css, javascript for frontend and express nodejs for my backend and my storage using mongodb and store in AWS and run in local host,but I want to deploy my website so can you please help me how to upload and also how to add domain for my website

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

      hello there,
      thanks for your interest.
      where do you want to deploy.
      I have 1-to-1 class for my courses students. you can take it from here:
      codingwithbasir.com/tutoring

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

      @@codingwithbasir either GoDaddy or hostinger please make one video about this topic

  • @MunnawarHussain-rz3nw
    @MunnawarHussain-rz3nw ปีที่แล้ว +1

    In the last on enter forever list I got STOPPED and in video it's 0:0:0:18.689

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

      what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.

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

    I am on plan web hosting and I want to delploy me MERN website, I deploy react code and it's run but code node js, I don't know how and where to deploy it.
    can anone help me?

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

      hello there,
      for nodejs you need to buy a vps from hostinger, aws, etc.
      then follow this video here to find it out.

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

      hello there,
      for nodejs you need to buy a vps from hostinger, aws, etc.
      then follow this video here to find it out.

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

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

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

      For sure you can. Use this video please

  • @biggiecharinga5360
    @biggiecharinga5360 2 ปีที่แล้ว

    hello sir i have followed your steps this is the error i am getting {"msg":"ENOENT: no such file or directory, stat '/root/apps/emmasdale/dest/server/client/build/index.html'"} please help

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

      Please ask this question here:
      codingwithbasir.com/questions/ask/
      I answer it on daily basis.

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

    I have been looking for a detailed video
    I think i have found this one

    • @codingwithbasir
      @codingwithbasir  8 วันที่ผ่านมา

      hello there,
      thanks for your interest.
      please check new version of nextjs 15ecommerce at th-cam.com/video/WLHCPwqHzzQ/w-d-xo.html

    • @codingwithbasir
      @codingwithbasir  8 วันที่ผ่านมา

      hello there,
      thanks for your interest.
      please check new version of nextjs 15ecommerce at th-cam.com/video/WLHCPwqHzzQ/w-d-xo.html

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

    Thanks for Video but I have 2 error
    error: Cannot start forever
    error: script /root/apps/igate/dest/igate-tv/server/src/index.js does not exist.

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

      hello there,
      thanks for your interest.
      for the first push you get this error. try push another commit and it works.

  • @SuryaVeeramani-j1j
    @SuryaVeeramani-j1j 7 หลายเดือนก่อน

    how to add .env file in hostinger for react.js and node

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

      ssh to your hostinger sever.
      go to the app directory and run
      $ nano .env
      then add env variables in this file.
      save and exit.

  • @MilanDrazic
    @MilanDrazic 2 ปีที่แล้ว

    Can you show how to make mongodb rest API endpoint for cpanel custom server?
    Like this app in next JS

    • @codingwithbasir
      @codingwithbasir  2 ปีที่แล้ว

      hello there,
      thanks for your interest.
      could you please elaborate your questions?

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

    Can i deploy mine also with this steps using windows??

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

      for sure you can.
      Please ask any coding questions here:
      codingwithbasir.com/questions/ask/

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

    this is very good explanation

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

      thanks.
      check my new course on youtube.
      www.youtube.com/@CodingwithBasir/playlists

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

    How do I connect a mobile app to the nodejs

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

      check this link please:
      g.co/gemini/share/0b5e64ab19f5

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

    Hello Basir
    I followed the entire tutorial but I'm getting an error in console Failed to load resource: the server responded with a status of 503 (Service Unavailable)
    and on browser tab 503 Service Unavailable
    Thank you. Please help

    • @Mimi-rv5rb
      @Mimi-rv5rb ปีที่แล้ว

      Hey! did you fix this?

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

      @@Mimi-rv5rb hi did you fix it?

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

      what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.

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

    Hi! I encounter problem see below. how can I resolve it? thanks sudo systemctl restart apache2
    Job for apache2.service failed because the control process exited with error code.
    See "systemctl status apache2.service" and "journalctl -xeu apache2.service" for details.

    • @codingwithbasir
      @codingwithbasir  8 วันที่ผ่านมา

      hello there,
      thanks for your interest.
      please check new version of nextjs 15ecommerce at th-cam.com/video/WLHCPwqHzzQ/w-d-xo.html

    • @codingwithbasir
      @codingwithbasir  8 วันที่ผ่านมา

      hello there,
      thanks for your interest.
      please check new version of nextjs 15ecommerce at th-cam.com/video/WLHCPwqHzzQ/w-d-xo.html

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

    how to host nodejs website with mongodb database in godaddy

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

      hello there,
      it is easy. hostiger and godady are very similar. in which part you can't follow this video on godady?

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

      hello there,
      it is easy. hostiger and godady are very similar. in which part you can't follow this video on godady?

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

    Not working again, if giving 503 error

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

      did you fix it ?
      i am getting the same issue

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

      @@pawankr54 Yes, I used nginx instead of apache

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

      what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.

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

    22:35

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

      hello there,
      please clarify your question.

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

    Great 👍

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

    i cant add it with www

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

      what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.

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

    apt-get : command not found

    • @codingwithbasir
      @codingwithbasir  8 วันที่ผ่านมา

      hello there,
      thanks for your interest.
      please check new version of nextjs 15ecommerce at th-cam.com/video/WLHCPwqHzzQ/w-d-xo.html

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

    Ur video was suggested by AI

    • @codingwithbasir
      @codingwithbasir  8 วันที่ผ่านมา

      hello there,
      thanks for your interest.
      please check new version of nextjs 15ecommerce at th-cam.com/video/WLHCPwqHzzQ/w-d-xo.html

    • @codingwithbasir
      @codingwithbasir  8 วันที่ผ่านมา

      hello there,
      thanks for your interest.
      please check new version of nextjs 15ecommerce at th-cam.com/video/WLHCPwqHzzQ/w-d-xo.html

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

    Thank you basir so useful

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

    i would like to thank for the video but i have build my react app using vite and i was able to push both backend and front end to my server but am geting the backend data as json on the browser when i hit my domain

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

      what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.