How To Deploy MERN ECommerce On Ubuntu Using Hostinger VPS
HTML-код
- Опубликовано: 8 ноя 2022
- 👉 Get up to 91% discount: hostinger.com/codingwithbasir
👉 Q/A : codingwithbasir.com
---
Build An e-commerce website Like Amazon
👉 Watch Course: • Build MERN-Stack EComm...
---
Follow me on:
👉 Website: codingwithbasir.com
👉 Twitter: / basrijd
👉 Linkedin: / basir-j
👉 Github: github.com/basir 
Наука
![ian - Fit Check (Feat. VonOff1700) [Official Music Video]](http://i.ytimg.com/vi/sDGWDBg45Dw/mqdefault.jpg)
Thank you for this video. I was searching for deployment on hostinger.
hello there,
thanks for your interest.
Thank you so much for this amazing tutorial, hope to see in next one how to push the updates.
Kind regards
hello there,
thanks for your interest.
Thank you basir so useful
So nice of you
Brilliant, Thanks.
hello there,
thanks for your interest.
incredible video. The best.
Wow, thanks!
Please ask any coding questions here:
codingwithbasir.com/questions/ask/
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?
thanks, no, can;t be without git.
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
try to add mine and if it doesn't work, delete CAA and make it exactly like mine.
Thanks for sharing this
My pleasure
I was looking for a a way to deploy this project on Ubuntu. Thanks for sharing this and the discount link!
Ubuntu Linux server?
yes, it is ubuntu linux server 20.04
hello there,
thanks for your interest.
you are welcome.
@@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
@@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
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!
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.
Nice
job
Thank you! Cheers!
Please watch my courses on Thinkific: basir.thinkific.com
Use coupon SAVE90 for 90% off.
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.
Please ask this question here:
codingwithbasir.com/questions/ask/
I answer it on daily basis.
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
next one: TypeScript Amazona.
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?
hello there,
you need to git push to apply changes.
also make sure forever and pm2 has the server proccess running.
@@CodingwithBasir tks. I figured out how to work and now my site is running very well.
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
@@ajprogrammer128 sure, can you give more details, what error are you having?
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
what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.
this is very good explanation
thanks.
check my new course on youtube.
www.youtube.com/@CodingwithBasir/playlists
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
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.
Is this scalable for multiple websites and multiple databases?
for sure it is.
watch my new course on www.youtube.com/@CodingwithBasir/playlists
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 ? ?
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.
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)
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
Very NIce Video
thanks,
check my new courses on www.youtube.com/@CodingwithBasir/playlists
How can i store image? Should i store in datanse or Hosting too?
AWS S3 is better than storing in DB
it is better to save it in cloud servers like cloudinary or uploadthing
Can I host my MERN website on hostinger's premium web hosting plan?
For sure you can. Use this video please
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
Please ask this question here:
codingwithbasir.com/questions/ask/
I answer it on daily basis.
how to add .env file in hostinger for react.js and node
ssh to your hostinger sever.
go to the app directory and run
$ nano .env
then add env variables in this file.
save and exit.
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
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
@@CodingwithBasir either GoDaddy or hostinger please make one video about this topic
Can i deploy mine also with this steps using windows??
for sure you can.
Please ask any coding questions here:
codingwithbasir.com/questions/ask/
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
Then u don't even need vps, you just upload the build version. This reply is probably very late though.
@@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
@@mastaan1646 please bro
what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.
can you make the video on how to host backend api on hostinger on shared hosting
nodejs can't be host on shared hosting like php.
Great 👍
Thank you! Cheers!
Can you show how to make mongodb rest API endpoint for cpanel custom server?
Like this app in next JS
hello there,
thanks for your interest.
could you please elaborate your questions?
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.
hello there,
thanks for your interest.
for the first push you get this error. try push another commit and it works.
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?
hello there,
for nodejs you need to buy a vps from hostinger, aws, etc.
then follow this video here to find it out.
hello there,
for nodejs you need to buy a vps from hostinger, aws, etc.
then follow this video here to find it out.
In the last on enter forever list I got STOPPED and in video it's 0:0:0:18.689
what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.
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
Hey! did you fix this?
@@Mimi-rv5rb hi did you fix it?
what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.
how to host nodejs website with mongodb database in godaddy
hello there,
it is easy. hostiger and godady are very similar. in which part you can't follow this video on godady?
hello there,
it is easy. hostiger and godady are very similar. in which part you can't follow this video on godady?
Not working again, if giving 503 error
did you fix it ?
i am getting the same issue
@@pawankr54 Yes, I used nginx instead of apache
what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.
i cant add it with www
what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.
Thank you basir so useful
Happy to help
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
Did you fix it
what exact error do you get? submit an issue on the github repo with all details. repo link is in the video description.