How to Deploy a ReactJS and NodeJS app with Vercel!

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 62

  • @jyliang2987
    @jyliang2987 9 місяців тому +4

    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!

  • @traezeeofor
    @traezeeofor 11 місяців тому +14

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

  • @milkameboe
    @milkameboe Рік тому +2

    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
    @aibartolegenov7784 9 місяців тому +3

    Thanks bro, you solved all my problems. Appreciate that

  • @MatthewPostrel
    @MatthewPostrel 5 місяців тому +2

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

  • @kumarbabu2259
    @kumarbabu2259 5 місяців тому

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

  • @jbrever__
    @jbrever__ 2 місяці тому

    thank you so much man
    i did waste long time for this little work
    but you maked it easy ♥

  • @jan-qr4xs
    @jan-qr4xs 10 місяців тому

    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 😢

  • @igurutechs2583
    @igurutechs2583 7 місяців тому +1

    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?

  • @Visual_wonders_90
    @Visual_wonders_90 Рік тому +4

    How to include MySQL with vercel

  • @weixiangng8279
    @weixiangng8279 4 місяці тому

    Need to change the express: localhost:3000 in the react based on the production url for calling the API?

  • @Jack-o1e
    @Jack-o1e 4 місяці тому

    why do you type to commit when you can just click the three dots under the magnify glass?

  • @yashprasad2962
    @yashprasad2962 8 місяців тому

    Keep up the good work.

  • @abcd4rio
    @abcd4rio 3 місяці тому

    Could you explain how I can do it if I create a src folder where I put the index.js?

  • @asurge9256
    @asurge9256 3 місяці тому

    I use PostgreSQL in the Node.js backend, how do I include that?

  • @yusra3198
    @yusra3198 Рік тому +1

    It was helpful for me as a beginner! Thankyou!

  • @rocketspace677
    @rocketspace677 Рік тому +2

    whats that blast extenstion name

    • @angeltheesoto
      @angeltheesoto  11 місяців тому

      The extension is called power mode! 😄

  • @SaiBaba-zi5my
    @SaiBaba-zi5my 9 місяців тому

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

  • @gedeonchrist5645
    @gedeonchrist5645 10 місяців тому +1

    thanks brother, well explained

  • @walterlewin205
    @walterlewin205 4 місяці тому

    This tutorial really helpful.

  • @blurrywaters
    @blurrywaters Рік тому

    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

  • @risselify
    @risselify 5 місяців тому

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

  • @pavitraaasthana3165
    @pavitraaasthana3165 3 місяці тому

    If we have used postgresql in backend then how can we deploy

  • @Zeddted
    @Zeddted Рік тому +2

    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  Рік тому

      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

  • @justecho5760
    @justecho5760 3 місяці тому

    I do have a question though - does it also work with Vite + React?

    • @justecho5760
      @justecho5760 3 місяці тому

      And the answer is - Yes, it does

  • @KulturanCov
    @KulturanCov 4 місяці тому

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

  • @xfactorbangs5821
    @xfactorbangs5821 10 місяців тому +1

    thank you . this video is helpful.

  • @ariadnamaldonado3524
    @ariadnamaldonado3524 3 місяці тому

    Hi there! I love the video and the way you explain things!
    Could you please help me? Im having big difficulties deploying my project to vercel. I created a database with supabase and used react for the frontend. I have it separated into 2 folders just like you did, it works locally.
    If I try to deploy the backend to vercel it gives 404 NOT FOUND and zero other explanation of why it isnt finding it.
    PLEASE PLEASE help me! Im a new sub

  • @Bochnik_Loaf
    @Bochnik_Loaf 8 місяців тому

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

  • @arch585
    @arch585 7 місяців тому

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

  • @quyetdaica2639
    @quyetdaica2639 9 місяців тому

    what is the extension for typing in your vscode ??

  • @СергійГац-щ7т
    @СергійГац-щ7т Рік тому +1

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

  • @yashasvic2429
    @yashasvic2429 11 місяців тому +1

    thankyou man it helped !!

  • @cryptofelix5242
    @cryptofelix5242 7 місяців тому

    Very helpful, thank you!

  • @vusalnovruzov9192
    @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
      @pushkarsatpute4618 10 місяців тому

      Facing the same issue, solved it ??

    • @strahinja1910
      @strahinja1910 9 місяців тому

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

  • @gedeonagmas
    @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
      @angeltheesoto  Рік тому +2

      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
    @mamadoumassaly Рік тому +1

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

    • @angeltheesoto
      @angeltheesoto  Рік тому

      Can you explain the issue in more detail.

    • @mamadoumassaly
      @mamadoumassaly Рік тому +2

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

  • @ahad5581
    @ahad5581 Рік тому +1

    Thank you so much!

  • @deepakgautam6904
    @deepakgautam6904 3 місяці тому

    and it will not give the cors eror

  • @krishnanand_yadav
    @krishnanand_yadav Рік тому +1

    Thank you!!

  • @maplestoryinchinese
    @maplestoryinchinese 9 місяців тому

    thank you!

  • @mritunjaychaudhary3585
    @mritunjaychaudhary3585 7 місяців тому

    Thank you so much

  • @ransi_07
    @ransi_07 Рік тому +1

    Thank you

  • @viz_dugz
    @viz_dugz 11 місяців тому +1

    helpful

  • @mayowaodunsi7954
    @mayowaodunsi7954 Рік тому

    Git hub???

    • @angeltheesoto
      @angeltheesoto  Рік тому +2

      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
    @arupde6320 11 місяців тому +1

    be regular

  • @arman_hossain67
    @arman_hossain67 7 місяців тому

    bad video

  • @UTube4075
    @UTube4075 8 місяців тому

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

  • @ManojKrishna-t4u
    @ManojKrishna-t4u 2 місяці тому

    I am using PostgreSQL in the Node.js backend, how can I include that?

  • @user-fq7jf6cp9p
    @user-fq7jf6cp9p Рік тому +1

    thank you