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
Пікірлер: 49
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
This tutorial is Express, React and Node. No MongoDB. Frontend and backend both on Vercel. Thanks
Thanks bro, you solved all my problems. Appreciate that
thankyou man it helped !!
thanks brother, well explained
thank you . this video is helpful.
Very helpful, thank you!
It was helpful for me as a beginner! Thankyou!
@angeltheesoto
8 ай бұрын
Glad it was helpful!
Thank you so much!
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!
Thank you!!
Keep up the good work.
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 😢
how'd you get the little type confetti in vs code thou??
how do i manage CORS errors when fetching from the server?
what is the extension for typing in your vscode ??
Thank you so much
👍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?🤷♀
thank you!
How to include MySQL with vercel
I have both my front end and backend folders deployed to Vercel. How do we link them together?
There is no option to select the individual folders. What shall I do??
Thank you
thank you
at 5:59 you said "I made a mistake here," what does it mean ?
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?
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
8 ай бұрын
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
But how to store data ? Where to store it, i don't see any db.json like files
helpful
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
5 ай бұрын
Facing the same issue, solved it ??
@strahinja1910
5 ай бұрын
Me too, my frontend is working but the backend always says 40@@pushkarsatpute4618
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
8 ай бұрын
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
I get an empty page in the browser when I visit.
@angeltheesoto
8 ай бұрын
Can you explain the issue in more detail.
@mamadoumassaly
8 ай бұрын
It works now. I had to watch the build logs and the runtime logs.
whats that blast extenstion name
@angeltheesoto
6 ай бұрын
The extension is called power mode! 😄
Git hub???
@angeltheesoto
8 ай бұрын
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.
be regular
bad video
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
You have copied from that Japanese guy I think. I am disappointed
how do i make front-end communicate with back-end?