How to Deploy a Frontend React App on Vercel in Minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ย. 2024
  • Hey guys, welcome back! In this video, I will be showing you how to deploy a Frontend React App on Vercel.
    If you don't know about React, React JS is a popular and powerful open-source JavaScript library used for building user interfaces. Developed and maintained by Facebook, React allows developers to create reusable UI components and manage the state of an application efficiently.
    If you don't know about Vercel, Vercel is a cloud platform that provides developers with a powerful and easy-to-use environment for deploying and scaling web applications. Originally known as Zeit, Vercel is a popular choice for hosting static and dynamic websites, serverless functions, and other web services. One of Vercel's key strengths is its focus on speed and simplicity. With a streamlined user interface and built-in integrations with popular development tools like GitHub and GitLab, Vercel makes it easy to deploy and manage web applications of all sizes.
    My Website: arpanneupane.com
    My GitHub: github.com/arp...
    Official React Docs: react.dev/
    Official Vercel Docs: vercel.com/docs
    My Programming Gear :
    Keyboard: amzn.to/42vXkxh
    Laptop: amzn.to/3CkAP3W
    Laptop Stand: amzn.to/3X116Oi
    Desk: amzn.to/43wmIEt
    Monitor: amzn.to/42BAaFH
    Monitor Arm: amzn.to/3NR0APS
    Chair: amzn.to/42vvKAn
    Desk Mat/Mousepad: amzn.to/43AhKqj
    Microphone: amzn.to/45RuQ43
    Headphones: amzn.to/445sf4R
    #React // #Vercel // #LearnToCode

ความคิดเห็น • 57

  • @clnguye
    @clnguye ปีที่แล้ว +18

    Can’t believe you’re only 15 years old. Great job on the video. You made it look easy, which is hard to do. Thank you!

  • @kendrepeters480
    @kendrepeters480 3 หลายเดือนก่อน

    Thank you so much, this just saved me a whole lot of stress 😩

  • @arunkumark9448
    @arunkumark9448 7 หลายเดือนก่อน

    Thank you for sharing this deployment video , before I watch this video, I thinks vercel CLI deploy is pretty much hard, but It's too easy what I thinks

  • @CodeWithClinton
    @CodeWithClinton 22 วันที่ผ่านมา

    Awesome tutorial, your audio is excellent. Please what microphone do you use?

  • @hazel-kahl
    @hazel-kahl 4 หลายเดือนก่อน

    Great video. Thank you for making them. Could you also show if we could make any changes on the project and how to go about it?

    • @ArpanNeupaneProductions
      @ArpanNeupaneProductions  3 หลายเดือนก่อน +1

      Sure thing! You can connect your GitHub and push changes to the repo, which will in turn automatically update the site.

  • @axelhernandez1903
    @axelhernandez1903 5 หลายเดือนก่อน +1

    Great job friend, if i want to update the project should i re do the steps?

  • @lazymeforever
    @lazymeforever ปีที่แล้ว +1

    I just subscribe! As a old French fart! I have to say that your vidéo are not good! But excellent ! I am myself in à career change and started à training in Web développement and I learned with your videos in a very fast way many thing...thanks a lot

  • @hutfris1532
    @hutfris1532 8 หลายเดือนก่อน +1

    Can you still edit/update the react.js and update the site after you deploy it? or is it fixed?

    • @MahamsTrove
      @MahamsTrove 8 หลายเดือนก่อน

      can still update

  • @himamaddala4381
    @himamaddala4381 5 หลายเดือนก่อน

    That's some awesome stuff man! Thank you

  • @thecoder2441
    @thecoder2441 6 หลายเดือนก่อน

    What happens if we make changes to the application? Does vercel automatically redeploy? Thanks for the awesome tutorial!

    • @ArpanNeupaneProductions
      @ArpanNeupaneProductions  6 หลายเดือนก่อน

      Yes! Once the changes are pushed to the deployed branch on GitHub, the changes are reflected on the deployed app. Thank you!

  • @southern-just
    @southern-just หลายเดือนก่อน

    successfully did, thanks

  • @user-by6tq3sf4t
    @user-by6tq3sf4t 9 หลายเดือนก่อน

    Thank's a lot! that's really easy due to you!

  • @joshbleijenberg4000
    @joshbleijenberg4000 ปีที่แล้ว

    I got a error Command "npm run build" exited with 1, how can I fix this?

  • @dewanshsehgal
    @dewanshsehgal 4 หลายเดือนก่อน

    Bro you literally saved my day

  • @asielvalle96
    @asielvalle96 8 หลายเดือนก่อน

    Thank you for sharing this information.

  • @Yasin3D
    @Yasin3D ปีที่แล้ว +3

    W vid bro. By the way this is Ahnaf.

  • @ashishverma1382
    @ashishverma1382 ปีที่แล้ว

    sir if i make some changes in project and redeploy the project then what are the steps

  • @djjiang3718
    @djjiang3718 6 หลายเดือนก่อน

    Thank you, how to deploy backend on Vercel?

  • @mkbrothers2348
    @mkbrothers2348 8 หลายเดือนก่อน

    Please can you make a video deploy django and reactjs project in vercel

  • @geraldsy
    @geraldsy ปีที่แล้ว

    this worked! thank you so much

  • @tahep3906
    @tahep3906 11 หลายเดือนก่อน

    thanks a lot for this super helpful video

  • @alerbuteler
    @alerbuteler ปีที่แล้ว +1

    good one! thanks!

  • @dragonseller
    @dragonseller 11 หลายเดือนก่อน

    What is the theme in your vscode called brother?

  • @user-fj6bu6px3j
    @user-fj6bu6px3j 10 หลายเดือนก่อน

    but can vercel deploy many page site

  • @matheusluzmercante
    @matheusluzmercante ปีที่แล้ว

    Thank you so much!

  • @hetjayeshbhaipatel1075
    @hetjayeshbhaipatel1075 5 หลายเดือนก่อน

    Thanks a lot man

  • @nedsmamitag8518
    @nedsmamitag8518 4 หลายเดือนก่อน

    I am having an error in my routes

  • @abnow1998
    @abnow1998 11 หลายเดือนก่อน

    CLEAN

  • @gokulnaathb2627
    @gokulnaathb2627 6 หลายเดือนก่อน

    Thank you so much

  • @swapnilranmale7738
    @swapnilranmale7738 4 หลายเดือนก่อน

    Thanks!

  • @emmanuelsalami3257
    @emmanuelsalami3257 ปีที่แล้ว

    good job man

  • @eledorusso
    @eledorusso 5 หลายเดือนก่อน

    amaxing, thnks

  • @powarrcan1959
    @powarrcan1959 ปีที่แล้ว

    thx bro it works

  • @zw9189
    @zw9189 ปีที่แล้ว +1

    💥

  • @modirisak
    @modirisak 10 หลายเดือนก่อน

    thank you

  • @SankizDahal-fs6sv
    @SankizDahal-fs6sv 6 หลายเดือนก่อน

    bro accent >>

  • @supratiksarkar1195
    @supratiksarkar1195 ปีที่แล้ว +1

    Neupane is a Nepali title.

  • @mayowaoladimeji1939
    @mayowaoladimeji1939 7 หลายเดือนก่อน

    What password ?

  • @ilyblasco
    @ilyblasco 9 หลายเดือนก่อน

    i have github i just dont know how to use it yet HAHA

  • @rl6382
    @rl6382 ปีที่แล้ว

    Smart dude. Keep it up my man 💯

  • @drafton4897
    @drafton4897 8 หลายเดือนก่อน +1

    yoo nepali?

  • @samarscript5824
    @samarscript5824 ปีที่แล้ว +2

    I think you should enable dislike button if your understand .

  • @SugengBudi19
    @SugengBudi19 9 หลายเดือนก่อน

    Bro blank white