DEV Community

loading...
Cover image for How to Deploy your Website using Vercel

How to Deploy your Website using Vercel

code2rithik profile image Rithik Samanthula Updated on ・3 min read

Hey Guys!

Previously, I made a blog on how to deploy your website to GitHub Pages.

If you did not check that out yet, check it out over here

But this time, we are Deploying our website using Vercel.

1. First, create an account if you don't have one. But If you do, then Move to the Step 4:

Screen Shot 2021-02-17 at 2.38.41 PM

2. You will be redirected to the Dashboard. Then, Click on the Drop Down Menu and select "Add GitHub Org or Account":

Screen Shot 2021-02-17 at 2.40.58 PM

3. Then, you will get a window that pops up. Select the option "Install". This won't install any application on your device though:

Screen Shot 2021-02-17 at 2.43.00 PM

If it is successful, then you will get a window like this:
Screen Shot 2021-02-17 at 2.46.02 PM

4. Now, head back over to your dashboard and click on "New Project":

Screedn Shot 2021-02-17 at 2.47.31 PM

5. Now, select your GitHub username in the dropdown:Screen Shot 2021-02-17 at 2.48.39 PM

6. Now select the GitHub repository that you want to host:

Screen Shot 2021-02-17 at 2.51.37 PM

### 7. Now, select your account:
Screen Shot 2021-02-17 at 2.53.45 PM

8. Then, proceed by clicking on next:

Screen Shot 2021-02-17 at 2.55.17 PM

9. Next, enter the details and click on Deploy:

Screen Shot 2021-02-17 at 2.56.35 PM

10. Then, it will take some time to process:

Screen Shot 2021-02-17 at 2.58.11 PM

11. After a while, you will be able to see a Congratulations Screen:

Screen Shot 2021-02-17 at 2.59.30 PM

12. If you want to visit your website, click on Visit and it will take you to the website:

Screen Shot 2021-02-17 at 3.00.12 PM

Screen Shot 2021-02-17 at 3.00.47 PM

Bonus:

If you want more links to the same website, go to your GitHub Account registered email and you will receive an email from the Vercel team with different links to the same website. (It will take some time to receive the email):
Screen Shot 2021-02-17 at 3.06.55 PM

Hope you liked this tutorial, if you did click on the like button and comment down below for assistance.

Remember...

Keep Coding Y'All 👨🏻‍💻

Discussion (1)

pic
Editor guide
Collapse
nathbabs profile image
Nathaniel

I think you should add that, Vercel doesn't support deploying Node.js apps