Vercel: Deploy to Vercel

Once you’ve created a Vercel account, you can import any repository you have created on GitHub.

Click the “Select a Git Namespace” (confusing terminology) box and click “Add GitHub Account”:

Untitled

You need to install the Vercel app on GitHub, as we did for Netlify, choosing the “All repositories” option

Untitled

Once you’re done, you’ll see your repositories list show up:

Untitled

Click the “Import” button next to the test repository. You’ll be shown some options:

Untitled

Click the “Deploy” button, and after some seconds you’ll see confetti:

Untitled

Now click the button “Continue to Dashboard”

Untitled

Here you see the domain assigned to this project, in my case https://test-five-lake-20.vercel.app

Untitled

Now the site is live on the .vercel.app URL. You can add a custom domain if you want when you’ll be ready to launch this into the world.

But for the time being, this URL is fine.

Now every time you’ll push a new Git commit to the repository, Vercel will “listen” and re-build a new version of the website.

Just like we did with Netlify.

Try doing that now with Vercel.

If you’ve followed all the steps I did the repository is the same on both Netlify and Vercel, so your changes should be displayed on both services.

Lessons in this unit:

0: Introduction
1: Create a Vercel account
2: ▶︎ DEMO Deploy to Vercel
Are you intimidated by Git? Can’t figure out merge vs rebase? Are you afraid of screwing up something any time you have to do something in Git? Do you rely on ChatGPT or random people’s answer on StackOverflow to fix your problems? Your coworkers are tired of explaining Git to you all the time? Git is something we all need to use, but few of us really master it. I created this course to improve your Git (and GitHub) knowledge at a radical level. Launching May 21, 2024. Join the waiting list!