How to Deploy a ReactJS and NodeJS app with Vercel!

Поделиться
HTML-код
  • Опубликовано: 18 янв 2025

Комментарии • 65

  • @traezeeofor
    @traezeeofor Год назад +16

    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

  • @jyliang2987
    @jyliang2987 10 месяцев назад +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!

  • @aibartolegenov7784
    @aibartolegenov7784 11 месяцев назад +3

    Thanks bro, you solved all my problems. Appreciate that

  • @jbrever__
    @jbrever__ 3 месяца назад

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

  • @MatthewPostrel
    @MatthewPostrel 6 месяцев назад +2

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

  • @yusra3198
    @yusra3198 Год назад +1

    It was helpful for me as a beginner! Thankyou!

  • @VisualWonders90
    @VisualWonders90 Год назад +4

    How to include MySQL with vercel

  • @yashprasad2962
    @yashprasad2962 9 месяцев назад

    Keep up the good work.

  • @alexturnered5044
    @alexturnered5044 7 дней назад

    So you cant deployed both on backend and front end in one deployment?

  • @gedeonchrist5645
    @gedeonchrist5645 11 месяцев назад +1

    thanks brother, well explained

  • @walterlewin205
    @walterlewin205 5 месяцев назад

    This tutorial really helpful.

  • @paultarsus933
    @paultarsus933 16 дней назад

    How to deploy using DB like mongodb or others?

  • @xfactorbangs5821
    @xfactorbangs5821 11 месяцев назад +1

    thank you . this video is helpful.

  • @igurutechs2583
    @igurutechs2583 8 месяцев назад +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?

  • @jan-qr4xs
    @jan-qr4xs 11 месяцев назад

    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 😢

  • @kumarbabu2259
    @kumarbabu2259 6 месяцев назад

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

  • @yashasvic2429
    @yashasvic2429 Год назад +1

    thankyou man it helped !!

  • @abcd4rio
    @abcd4rio 5 месяцев назад

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

  • @cryptofelix5242
    @cryptofelix5242 8 месяцев назад

    Very helpful, thank you!

  • @asurge9256
    @asurge9256 4 месяца назад

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

  • @weixiangng8279
    @weixiangng8279 5 месяцев назад

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

  • @Jack-o1e
    @Jack-o1e 5 месяцев назад

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

  • @kambocyal250
    @kambocyal250 20 дней назад

    Hocam merhaba. İngilizcem çok iyi olmadığı için türkçe yazmak istedim umarım youtube doğru çevirir. Ben client klasörünü git. deposuna yüklediğimde alt dosyaları yüklenmemiş görünüyor. Ve vercelde server root seçeneği var ama client seçeneği yok. Alt modül hatası diye düşünüyorum ama bir türlü çözemedim. Yardımcı olursanız sevinirim

  • @rocketspace677
    @rocketspace677 Год назад +2

    whats that blast extenstion name

    • @angeltheesoto
      @angeltheesoto  Год назад

      The extension is called power mode! 😄

  • @SaiBaba-zi5my
    @SaiBaba-zi5my 11 месяцев назад

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

  • @MTH_MUST_OBEY
    @MTH_MUST_OBEY Год назад +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

  • @pavitraaasthana3165
    @pavitraaasthana3165 4 месяца назад

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

  • @ahad5581
    @ahad5581 Год назад +1

    Thank you so much!

  • @quyetdaica2639
    @quyetdaica2639 10 месяцев назад

    what is the extension for typing in your vscode ??

  • @KulturanCov
    @KulturanCov 5 месяцев назад

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

  • @arch585
    @arch585 8 месяцев назад

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

  • @risselify
    @risselify 6 месяцев назад

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

  • @krishnanand_yadav
    @krishnanand_yadav Год назад +1

    Thank you!!

  • @СергійГац-щ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?🤷‍♀

  • @justecho5760
    @justecho5760 5 месяцев назад

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

    • @justecho5760
      @justecho5760 5 месяцев назад

      And the answer is - Yes, it does

  • @ariadnamaldonado3524
    @ariadnamaldonado3524 4 месяца назад

    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

  • @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 11 месяцев назад

      Facing the same issue, solved it ??

    • @strahinja1910
      @strahinja1910 10 месяцев назад

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

  • @Bochnik_Loaf
    @Bochnik_Loaf 9 месяцев назад

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

  • @maplestoryinchinese
    @maplestoryinchinese 10 месяцев назад

    thank you!

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

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

  • @deepakgautam6904
    @deepakgautam6904 4 месяца назад

    and it will not give the cors eror

  • @mritunjaychaudhary3585
    @mritunjaychaudhary3585 8 месяцев назад

    Thank you so much

  • @ransi_07
    @ransi_07 Год назад +1

    Thank you

  • @viz_dugz
    @viz_dugz Год назад +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 Год назад +1

    be regular

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

  • @arman_hossain67
    @arman_hossain67 8 месяцев назад

    bad video

  • @UTube4075
    @UTube4075 9 месяцев назад

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

  • @ManojKrishna-t4u
    @ManojKrishna-t4u 3 месяца назад

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

  • @user-fq7jf6cp9p
    @user-fq7jf6cp9p Год назад +1

    thank you