How to Deploy a ReactJS and NodeJS app with Vercel!

In this tutorial, you'll learn how to deploy a full-stack application built with ReactJS and Node.js using Vercel. Deploying your application is a crucial step to make it accessible to users online. Vercel provides a simple and efficient way to deploy and host your web applications.
Subscribe to the channel for more programming tutorials and leave your questions and comments below. Let's get started with deploying our ReactJS and Node.js app with Vercel!
#ReactJS #NodeJS #Vercel #WebDevelopment #DeploymentTutorial

[@traezeeofor]

This tutorial is Express, React and Node. No MongoDB. Frontend and backend both on Vercel. Thanks

[@milkameboe]

I'm just just starting with code,, a had the illusion that I can make an app using gpt4. I didn't. Now i'm slowly getting it thanks to your video! Thanks a lot for your effort

[@aibartolegenov7784]

Thanks bro, you solved all my problems. Appreciate that

[@yusra3198]

It was helpful for me as a beginner! Thankyou!

[@angeltheesoto]

Glad it was helpful!

[@gedeonchrist5645]

thanks brother, well explained

[@cryptofelix5242]

Very helpful, thank you!

[@yashasvic2429]

thankyou man it helped !!

[@jyliang2987]

thank you! I met a problem about git, which warned me client folder is a sub repository inside this project's repository. I googled it found delete .git folder inside client folder (this is a hidden folder so make sure set your hidden folder not hidden😂) then it worked. hope this can help someone might find this error. happy coding!

[@xfactorbangs5821]

thank you . this video is helpful.

[@ahad5581]

Thank you so much!

[@user-wr7wk3fg4v]

👍Great, that was helpful. Can I run index.js in Node on Vercel without Express? For example, I want to run a file with a bot written in JS. What should be the description in versel.json in this case?🤷‍♀

[@krishnanand_yadav]

Thank you!!

[@yashprasad2962]

Keep up the good work.

[@ransi_07]

Thank you

[@maplestoryinchinese]

thank you!

[@user-fq7jf6cp9p]

thank you

[@mritunjaychaudhary3585]

Thank you so much

[@jan-qr4xs]

I have a problem i am using next js node js sqlite. Although i login it says i am not authorized. I used session based but when ask chatgpt or bard it asking me to change cookie....i am so confused why does session work on localhost and not production? How to solve it? Currently my node is in render and next is on vercel...i try to switch to cookie its says block third party...I have a project due in 4 days....and they wont accept localhost ...it feels like a waste if i cant figure it out 😢

[@Bochnik_Loaf]

how'd you get the little type confetti in vs code thou??

[@quyetdaica2639]

what is the extension for typing in your vscode ??

[@viz_dugz]

helpful

[@user-vh8fp6rj9m]

How to include MySQL with vercel

[@SaiBaba-zi5my]

There is no option to select the individual folders. What shall I do??

[@Zeddted]

I have a blog app built with MERN stack everything is working well when I've not deployed on vercel but after deployment vercel throws a server error when I try uploading files, the error is ENOENT error no such file or directory, please do i need a special configuration to do I've been on this for the past 2weeks and I've developed headache

[@angeltheesoto]

Your error is saying that the file or directory doesn’t exists so you might have the setup to your directory incorrectly. Example: your directory is in ./server but say you chose ./myProject/server which might cause that error

[@arch585]

how do i make front-end communicate with back-end?

[@igurutechs2583]

Is anyone facing CORS error in frontend (React) even after configuring all cors settings in js file and in vercel.json as well? I've used everything but nothing seems to work, i think it's vercel problem... can anyone guide me?

[@vusalnovruzov9192]

I have a mern stack e-commerce app, I tried to deploy it to vercel. added vercel.json and cors code as well but it gives me 404 error when deployed. can anyone help me, please?

[@pushkarsatpute4618]

Facing the same issue, solved it ??

[@strahinja1910]

Me too, my frontend is working but the backend always says 40@@pushkarsatpute4618

[@ahammedmishal1622]

whats that blast extenstion name

[@angeltheesoto]

The extension is called power mode! 😄

[@gedeonagmas]

the real problem is coming after you connect the server url to the client. it triggers CORS error. does any one did fix this problem?

[@angeltheesoto]

You simply install cors and at the top of your server index.js file, implement the cors tutorial code: const cors = require('cors'); then under it add: app.use(cors()); hope this helps

[@mamadoumassaly]

I get an empty page in the browser when I visit.

[@angeltheesoto]

Can you explain the issue in more detail.

[@mamadoumassaly]

It works now. I had to watch the build logs and the runtime logs.

[@arupde6320]

be regular

[@mayowaodunsi7954]

Git hub???

[@angeltheesoto]

Yes, GitHub in short is like a Facebook but for coders. You can store and manage all your code on GitHub. If you don’t know GitHub I would recommend you familiarize yourself with it as it can help you store and manage all your projects.

[@ArmanHossain-dq5dy]

bad video

[@viewsbyblur]

everytime I try to deploy my client side of my project i get, Could not resolve "./components/Header.jsx" from "src/App.jsx". idk whats going on in my app.jsx

[@UTube4075]

You have copied from that Japanese guy I think.
I am disappointed