Thank you sooo much for this video!!!❤ Was worried about the deployment part of my application but this video was a blessing in disguise. Once again thanx.🙏
Thanks for the video. Nice to see you can deploy the backend and front end, separately, from the same repo. I originally tried this on Netlify before realizing they don't support a traditional backend. It looks like Vercel also does not recommend this. They suggest using serverless functions, probably because this supports their business model. However for now, it looks like this can still be accomplished. I probably wouldn't do a product app like this but for a portfolio project I think it's ok.
@@dontpealmyonion I got resolved that error you can't deploy your server on vercel it's only available for static sites like client frontend deploy your server on render than use that url to call an api from frontend and deploy your frontend on vercel
Im having a similar issue my backend is deployed to vercel but somewhere on the frontend im still targeting localhost instead of the deployment url and idk where lol its starting to aggravate me at this point
Hello anh em đang là sinh viên và có một dự án Mern stack em up theo anh thì nó chỉ lên được fe còn be thì lại không kết nối được anh có thể giúp em được không
Do you know if the bandwidth that the frontend and backend will use to communicate, will consume the bandwidth offered by Vercel, or if both are hosted in Vercel it will not consume bandwidth?
HI, So in config file(environment variables) I am saving FRONTEND_URL and BACKEND_URL so that I can take it to configure cors, passport etc. While deploying backend to vercel, what should I add these values in environment variables? Any Idea? What I did: First I deployed frontend and pasted the FRONTEND_URL as the environment variable while deploying backend, but what should I do for BACKEND_URL field. Thanks in advance for the help!!!!!!!!!!
my website is deployed but chrome marked it as a deceptive site ahead, how did you bypass it? ps: found the solution, the Netflix clone domain name mislead the google to interpret that I am impersonating as Netflix web app, thus marked as phishing malicious site.
Am I the only one who getting this error - "No Output Directory named "public" found after the Build completed. You can configure the Output Directory in your Project Settings." ?
@@tuattrananh I did but already getting been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. do i have a chance to make api url http ?
B ơi có thể giúp mình được không? mình deploy lên vercel thì bị lỗi này, mong bạn giúp mình, mình cảm ơn nhiều lắm. 404: NOT_FOUND Code: NOT_FOUND ID: sin1::8bjrc-1683094520229-3b89ec3c0e9a
Same here! I tried to add vercel.json in my frontend, add below code in { "rewrites": [ { "source": "/(.*)", "destination": "/" } ] } , and the issue fixed, not sure this is the correct way but u can try when facing same error here.
Thank you so much. This tutorial helped after 3 hours of struggle
I'm glad you found it useful
Dude, thank you so much! This finally helped me deploy my mern app. I have been searching for videos and been stuck for a while. Thank you!
❤️❤️❤️❤️
I didnt understand anything you said but this video helped me deploy ty :)
😂😂
Thanks a ton!!! I've been struggling for a while with deployment and your video helped :)
Thank you sooo much for this video!!!❤ Was worried about the deployment part of my application but this video was a blessing in disguise. Once again thanx.🙏
I'm getting 404: NOT_FOUND when I try to deploy the server folder
I have the same 404 error.
Check if you have a path with just "/". If you don't, make one with a message to display then everything should be okay. That was my own problem
Thanks brother, after trying many tutorials, yours was the one that worked for me. Greetings from Colombia
Glad it's useful to you
Working Man
Awesome
Thanks
Very grateful. Please do a tutorial on React, Node, and Postgres on Vercel.
This was really useful, thank you so much. Exactly what I needed
thanks a lot!! very relevant for my case now!
thx bro out of 3 vercel tutorials this one worked 👍
👍👍👍
@tuattrananh i am getting 494 error page after deploying server
This video was helpful, thanks!
❤️❤️❤️❤️
Amazing video...Thanks
Thanks for the video. Nice to see you can deploy the backend and front end, separately, from the same repo.
I originally tried this on Netlify before realizing they don't support a traditional backend. It looks like Vercel also does not recommend this. They suggest using serverless functions, probably because this supports their business model. However for now, it looks like this can still be accomplished.
I probably wouldn't do a product app like this but for a portfolio project I think it's ok.
Thanks for this video, you got a new subscriber! :)
thank you so much ❤️
Thanks a bunch this helped a lot.
backend not deployed showing 'page not found'😪
Thank you sooo much for this video brooo
Thanks for the video.
When your next video coming and which topic?
This is amazing video, you are a very good teacher! I will give you a like and subscribe to your channel.
what is version 2 at 8:15 ???
Sir when your next video coming?
I do not use a db. Req is made from frontend to express server. How do I connect this in the last step?
really useful 🤩🤩
thank you
it helped thanks a lot
Thank you for the video! Please tell me, if I wrote a backend on Nest, a database on Mongo_DB, how to deploy it?
I got cors error allow origin not defined
yup same
@@dontpealmyonion I got resolved that error you can't deploy your server on vercel it's only available for static sites like client frontend deploy your server on render than use that url to call an api from frontend and deploy your frontend on vercel
Hay quá bạn ơi. Cảm ơn rất nhiều !!!!!!
❤️❤️❤️❤️
Im having a similar issue my backend is deployed to vercel but somewhere on the frontend im still targeting localhost instead of the deployment url and idk where lol its starting to aggravate me at this point
thanks a lot, but why when I reload or window.onreload it turns 404: NOT_FOUND
i don't have api folder in my src folder with their private.cilent.js and public.cilent.js for my project. Should i create new one?
Hello anh
em đang là sinh viên và có một dự án Mern stack
em up theo anh thì nó chỉ lên được fe còn be thì lại không kết nối được
anh có thể giúp em được không
You didn't explain where you found the TMDB_BASE_URL or the TMDB_key? or is that something we make up
th-cam.com/video/j-Sn1b4OlLA/w-d-xo.html
did you figure this out?
I did as you did but it shows a 404 page not found can you help me with that
Im getting 500 internal server error , while in local host i recieve no 500 status code error for anything ? can anyone help here
10:20 sao đoạn này nó báo 504: gateway_timeout nhỉ
Do you know if the bandwidth that the frontend and backend will use to communicate, will consume the bandwidth offered by Vercel, or if both are hosted in Vercel it will not consume bandwidth?
Please tell me the theme you are using on bsvode
How it is mern app if can't deploy it as single project just like we do on heroku
Have you deployed web fullstack with React Js (Front-end) and Sailjs(Backend)? Can you help me deploy Sailsjs ?
Very useful
Cannot read properties of undefined (reading 'data') How can i fix?
thx, but how do you know what to add as suffix for deployed api
HI,
So in config file(environment variables) I am saving FRONTEND_URL and BACKEND_URL so that I can take it to configure cors, passport etc.
While deploying backend to vercel, what should I add these values in environment variables? Any Idea?
What I did:
First I deployed frontend and pasted the FRONTEND_URL as the environment variable while deploying backend, but what should I do for BACKEND_URL field.
Thanks in advance for the help!!!!!!!!!!
I don't understand your problem??
do you know Rasa NLU?, I just wanted to ask if I can deploy my mern with Rasa NLU ?
thank u so much
Have you thought about a way to deploy the server and the client on one vercel instance?
I tried several ways, but i don't think that it is possible.
it is impossible
don`t use version anymore, it's deprecated
Please create portfolio with next js 13, tailwind and Sanity
See JavaScript Mastery channel
thank you so much
❤️❤️❤️❤️
🔥🔥🔥🔥🔥
my website is deployed but chrome marked it as a deceptive site ahead, how did you bypass it?
ps: found the solution, the Netflix clone domain name mislead the google to interpret that I am impersonating as Netflix web app, thus marked as phishing malicious site.
everything is worked but I can't see the data coming from MongoDB!
Am I the only one who getting this error - "No Output Directory named "public" found after the Build completed. You can configure the Output Directory in your Project Settings." ?
Cho em hỏi là anh mất bao lâu để hoàn thành project này vậy ạ
i use the same steps but i can't connect with the database what is the issue
did you see the error message?
Error connecting to the database: Cannot read properties of undefined (reading 'admin')
@@tuattrananh
Thanks bro
Em deploy lên vercel nhưng api của em trả về "You need to enable JavaScript to run this app" là sao anh nhỉ ? Em cảm ơn
I’m getting 404 error code. Please help sir.
th-cam.com/video/9V5F-OnPsms/w-d-xo.html
guys, be careful name of the file is verCel, not verSel
where is "verSel"?
@@tuattrananh in my case
y you dont have this repo in github
Getting 404 page after deploying server
What to do
Mee too
Mình đã xem video và làm theo hd của bạn nhưng vẫn bị lỗi mà ko hiểu tại sao luôn. Nếu bạn đọc đc cmt này thì có thể hỗ trợ mình được ko?
Sao mình toàn bị lỗi 404 nhỉ
anh sao em thử deploy be lên vercel làm theo như video anh. Mà bị 404 Not Found do sao ạ, em tìm các nguồn mà chưa fix đc ạ. Em cảm ơn anh
bạn có cách giải quyết chưa, mình cũng gặp trường hợp 404 như bạn :
I got the error after deploying the vercel.json, the error is 404
how did you resolve that?
500 error why?
It's completely free ?
Thanks
How did you manage to pass cors error ?
app.use(cors()) in express
@@tuattrananh I did but already getting
been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
do i have a chance to make api url http ?
@@uguur adding a origin = true
app.use(cors({ credentials: true, origin: true }));
@@tuattrananh it doesnt work. I got the same issue
I follow your step by step but I get 404: NOT_FOUND
ông nói tiếng anh như người việt bản địa z 🐧🐧🐧🐧
opps it's not working
your page configuration page is not exist👎
can't u just talk a bit far away from the mic man.....
I tried your method after doing my method still getting error 404 after deploying backend in vercel...please help me
@Tuat Tran Anh
Thanks mate you helped me a lot 🫱
bro how can i contact you I'm Facing Error in your Project?
404 page
Did your error get resolved?
B ơi có thể giúp mình được không? mình deploy lên vercel thì bị lỗi này, mong bạn giúp mình, mình cảm ơn nhiều lắm.
404: NOT_FOUND
Code: NOT_FOUND
ID: sin1::8bjrc-1683094520229-3b89ec3c0e9a
ohh...i have the same problem and really can't figure out what's going on 🤯
Same here! I tried to add vercel.json in my frontend, add below code in
{
"rewrites": [
{ "source": "/(.*)", "destination": "/" }
]
}
, and the issue fixed, not sure this is the correct way but u can try when facing same error here.