Hosting a MERN Web App on Vercel and Render: Step-by-Step Guide
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 2023
- In this comprehensive tutorial, we walk you through the process of hosting your MERN (MongoDB, Express.js, React.js, Node.js) web application on Vercel and Render. Whether you're a beginner or an experienced developer, this step-by-step guide will help you seamlessly deploy your app to these powerful hosting platforms.
🔥 Get ready to learn:
Setting up your MERN web app for deployment
Creating an account on Vercel and Render
Deploying your MERN app on Vercel
By the end of this tutorial, you'll have a solid understanding of how to deploy your MERN web app on Vercel and Render, ensuring a seamless experience for your users.
Thank You!!!!
Totally to the point ! Was having an issue with using custom port numbers, but with your explanation, I resolved that. Thanks a lot.
Thanks bhaiya . you explained it very well..
I have one Doubt.
my deployment was successfull but
what if i have made some changes locally , how to reflect that on vercel .
do, i have to follow all same steps again?
This is the best video i have ever seen for the deployment. It's perfectly helped me. it's easily explain and clearly explain
Thanks For Your Kind Words.
Thank you so much, its help me a lot
Thanks brother
My backend on render is not setting cookies on frontend deployed on vercel
Brother what if we do not have server folder inside client? I am trying ty deploy my app but getting build errors in my App.jsx.
I have deployed my backend on render and using local frontend code am trying to login, but not able to generate a token which I am using for login authentication
thankyou for this , another point that i would like to add is that the mongo db url in .env should not be in string quotes , keep the url free from any quotation marks i was stuck on it for a long time lol , alsooo you didnt add port in env saikat
bro .env mai quotes use nhi karna hai kya please reply mera deploy nhi ho pa rha hai
please upload deployment video again with details we are facing issue in it.
is there any problem if mongodb install on my local system ??
Please upload a video to host MEVN app to
because i made a good project, but following these steps lead me to an error
npm ERR! enoent ENOENT: no such file or directory, open '/opt/render/project/src/package.json'
please help
Upload full details please.. there is issue occuring in cors
please make a full video with the working project in my system it is not working
Could you please tell me. Can I use my frontend code of the local machine and the backend code deployed on render to test the backend logic
yes Just Change the CORS Policy and your Backend Links Properly
Dude you saved me 😢
sorry new here: i have codes of frontend and backend saperate in client and server folders so where to do npm run build for server or client
Done, thank you so much successfully deployed....
ur content is awesome.
Thank You
big fan sir
😂😂😂😂😂😂
@@saikatmu31 sir can you plz run this code on my machine , i am enroll in love babbar course
Thank you bhaiya codehelp
Bas ek cheez puchni thi bro !!!!
Humko Mongo mei jaaki add ip (IP allow) karna padta hai,,, wo step aapne include nhi kiya, phir bhi aapka chal rha hai,,, ayese kaise ?
( Don't worry, I know how to do that, but baakiyo ko shayad problem aayegi ?? )
I've Whitelisted All IP's that's why it's working, and everyone need to do that as well.
bro mongo db mai kya karna hai please help mera deploy nhi ho rha hai
I hosted my backend on render and it is working fine, then the IP addresses which I got from render I whitelisted them all, then I hosted my frontend on vercel. But when I opened my project link, the frontend was unable to fetch the backend. Please help me out
same issue with me
Have you resolved this ?
Same issue
any solution?
yes bro i am also facing the same issue ,did anyone get the solution?
Same
bhai nhi chal rha hai, saari IP whitelist kar diya hu mongodb atlas pe, fir bhi backend se data fetch nhi horaha frontend me. please remake 1 video. my interviews are scheduled from 11th july. please help bro nhi toh saara paisa waste ho jaayega codehelp se course lene ka
Same backend nhi chl rha bhai, frontend deploy ho gaya, backend b ho gaya but chl n rha
@@AnmolSharma-bi5ozBhai solve hua kya
Please 🙏 Anyone help me to deploy
yrr backend work nahi karrraa
Bhai Mera toh crash hogya
Ip vali btt toh btayi nhi apne bta do kya btt h voh
Aisai adha content hi upload Kia tumne bhi bakio ki trh kya fayda rha paida course ka
If you are Using MongoDB Cloud Atlas, Go to your Render Account Dashboard -> Click on the Project -> Click on Connect -> Switch to Outbound Tab and Whitelist all the following IPs in MongoDB.
@@saikatmu31 Whitelisting all IP addresses effectively opens your MongoDB instance to the entire internet, making it accessible to anyone with an internet connection. How can we handle this?
Here are the certain issues you will face due to the lack of information in this video,
1. WhiteList all the outbound IP's at mongodb cluster/atlas
2. Update your CORS in server.js/index.js to the relevant front-end endpoint provided by vercel.
3. Be careful with the env values, do not include any trailing spaces while entering the env values in vercel or render.
Bro my backed is not working after deploying
Bhai kisi ka ho gaya ho to thodi help kardo yaar
bhaiya deploy bhi ho gya sab ho raha hai par backend se log in nhi kar pa raha plzz help
same problem
resolved? If yes then how?
Video mai to sab itna aasan lg rha h
But reality mai kisi ka host hi nhi huaa h
Duniya bhar ki error h
Brother , while deploying backend on render , It failed throwing error - Error: /opt/render/project/src/Server/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node: invalid ELF header . after than i tried a lots doing npm install bcrypt ... but error not going and failed to deploy on render. please Help!!!
Bro remove the node modules file
Did you got the solution i am facing same error
Adha adha batata hai pagal hai kya
bhaiyo kisi ka hua kya agr ho gya hai to meri help krdo