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

  • @milkameboe
    @milkameboe8 ай бұрын

    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

  • @traezeeofor
    @traezeeofor6 ай бұрын

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

  • @aibartolegenov7784
    @aibartolegenov77845 ай бұрын

    Thanks bro, you solved all my problems. Appreciate that

  • @yashasvic2429
    @yashasvic24296 ай бұрын

    thankyou man it helped !!

  • @gedeonchrist5645
    @gedeonchrist56455 ай бұрын

    thanks brother, well explained

  • @xfactorbangs5821
    @xfactorbangs58216 ай бұрын

    thank you . this video is helpful.

  • @cryptofelix5242
    @cryptofelix52422 ай бұрын

    Very helpful, thank you!

  • @yusra3198
    @yusra31989 ай бұрын

    It was helpful for me as a beginner! Thankyou!

  • @angeltheesoto

    @angeltheesoto

    8 ай бұрын

    Glad it was helpful!

  • @ahad5581
    @ahad55817 ай бұрын

    Thank you so much!

  • @jyliang2987
    @jyliang29874 ай бұрын

    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!

  • @krishnanand_yadav
    @krishnanand_yadav7 ай бұрын

    Thank you!!

  • @yashprasad2962
    @yashprasad29624 ай бұрын

    Keep up the good work.

  • @jan-qr4xs
    @jan-qr4xs5 ай бұрын

    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
    @Bochnik_Loaf3 ай бұрын

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

  • @KulturanCov
    @KulturanCov19 сағат бұрын

    how do i manage CORS errors when fetching from the server?

  • @quyetdaica2639
    @quyetdaica26394 ай бұрын

    what is the extension for typing in your vscode ??

  • @mritunjaychaudhary3585
    @mritunjaychaudhary35852 ай бұрын

    Thank you so much

  • @user-wr7wk3fg4v
    @user-wr7wk3fg4v9 ай бұрын

    👍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?🤷‍♀

  • @maplestoryinchinese
    @maplestoryinchinese5 ай бұрын

    thank you!

  • @user-vh8fp6rj9m
    @user-vh8fp6rj9m Жыл бұрын

    How to include MySQL with vercel

  • @user-hg9zo5gu7v
    @user-hg9zo5gu7vАй бұрын

    I have both my front end and backend folders deployed to Vercel. How do we link them together?

  • @SaiBaba-zi5my
    @SaiBaba-zi5my5 ай бұрын

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

  • @ransi_07
    @ransi_0710 ай бұрын

    Thank you

  • @user-fq7jf6cp9p
    @user-fq7jf6cp9p10 ай бұрын

    thank you

  • @kumarbabu2259
    @kumarbabu225927 күн бұрын

    at 5:59 you said "I made a mistake here," what does it mean ?

  • @igurutechs2583
    @igurutechs25832 ай бұрын

    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?

  • @Zeddted
    @Zeddted9 ай бұрын

    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

    @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

  • @risselify
    @risselifyАй бұрын

    But how to store data ? Where to store it, i don't see any db.json like files

  • @viz_dugz
    @viz_dugz7 ай бұрын

    helpful

  • @vusalnovruzov9192
    @vusalnovruzov91928 ай бұрын

    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

    @pushkarsatpute4618

    5 ай бұрын

    Facing the same issue, solved it ??

  • @strahinja1910

    @strahinja1910

    5 ай бұрын

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

  • @gedeonagmas
    @gedeonagmas8 ай бұрын

    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

    @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

  • @mamadoumassaly
    @mamadoumassaly10 ай бұрын

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

  • @angeltheesoto

    @angeltheesoto

    8 ай бұрын

    Can you explain the issue in more detail.

  • @mamadoumassaly

    @mamadoumassaly

    8 ай бұрын

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

  • @ahammedmishal1622
    @ahammedmishal1622 Жыл бұрын

    whats that blast extenstion name

  • @angeltheesoto

    @angeltheesoto

    6 ай бұрын

    The extension is called power mode! 😄

  • @mayowaodunsi7954
    @mayowaodunsi79549 ай бұрын

    Git hub???

  • @angeltheesoto

    @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.

  • @arupde6320
    @arupde63207 ай бұрын

    be regular

  • @ArmanHossain-dq5dy
    @ArmanHossain-dq5dy2 ай бұрын

    bad video

  • @viewsbyblur
    @viewsbyblur7 ай бұрын

    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
    @UTube40753 ай бұрын

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

  • @arch585
    @arch5852 ай бұрын

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

Келесі