How to Deploy a React App to Vercel

In this video I will show you how to deploy a React app to Vercel. Vercel allows you to easily deploy a front end React application with zero configuration so you can share your project with everyone. We will use Vercel’s CLI in our project to deploy from the terminal in VS Code.
Easy steps to deployment:
1. Create a vercel account
2. Open a new terminal in VS Code or other editor. Make sure you are in the root directory of your project and type: “sudo npm i -g vercel”
3. Type: “vercel” in the terminal
4. Answer the CLI prompt questions
5. Your application will then be built and deployed onto a https vercel domain
Found this video helpful and want to buy me a coffee?
www.buymeacoffee.com/codewizard ☕️

[@jsonhackademics]

Thank you for this. I swear one of the best and worst things about KZbin is anyone can submit content like this, but most often it's people with crappy quality microphones so you can't even understand their explanations. Your words are clear, the audio is lean and I got it first time following your guide. I just deployed 2 more projects now. Thank you again.

[@shancarlbelgica9341]

Been having trouble using gh pages . Then I saw this. Appreciate it man. Keep it up.

[@robertaamaro4421]

Thank you so much, I have been searching for that a long time already

[@martinadegbolatraore5622]

Appreciate a lot man!! Deploy without none configuration.

[@Ademont]

Great video, this helped me a lot!

[@oteiza-a]

Thank you man, you made my day

[@rahul7018]

Keep it up 👍

[@dashawk]

I have successfully deployed my react app after I saw this. Can you also show how we can deploy an ssr-react-app as well? Keep it up!

[@XengShi]

Thankyou so much

[@cheesecheesson9842]

Thank you dear

[@arjunan-k]

Thanks

[@simonpetryk2541]

Super! it so easy ))

[@kartik-k]

Thanks👍

[@majam4u]

Thank You

[@mertcip2036]

thanks fren

[@michaellesley2146]

perfect!! #brazil

[@hakan126]

how about the configuration environment variables? does it pick it from the files?

[@sojumoscow]

We dont need to build the app first then deploy to vercel, the vercel will build it right?

[@nested9301]

why u didn't deploy the build folder? LIKE Others people do u run npm run build and u deploy the build folder not the entire thing?

[@baap_hon]

vercel command is not working for me!!!

[@SalmanShah95]

Finally a white screen opened

[@drisscriss6479]

😂💯

[@deanambrose6927]

same issue you find any solution?

[@worstenbroodje6832]

Beginner here, does this change anything in my project, like add any code or "close/finish" the project or does it just upload my React App to Vercel? Can I keep making changes to the project and will that also be updated on Vercel or are those changes just local and do I have to keep deploying newer version to Vercel? Asking because I would like to deploy what I have made right now to show others but my project isn't finished yet. Thanks.

[@dewasembiring7286]

Yes you can make some change to your code but it still on same domain. First you need to following those tutorial until the end, after that you can push the source code to your GitHub repositories. And you can open vercel dashboard and settings your project in vercel to connect to your GitHub repositories. Then try to change the code then push/update it to GitHub, after a minute your code on vercel will automatically change following your GitHub code.

[@VishwasSaini25]

when i deployed my project nothing shows up it just white screen on the link

[@utkarshsharma1185]

because you are using react router

[@SalmanShah95]

Same to me

[@hubertk2952]

@@utkarshsharma1185 sorry for asking but how can i fix that?