DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for How to Deploy your Website using Vercel
Rithik Samanthula
Rithik Samanthula

Posted on • Updated on

How to Deploy your Website using Vercel

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 ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

Top comments (1)

Collapse
 
nathbabs profile image
Nathaniel

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

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. ๐Ÿ›