DEV Community

Cover image for Getting Started With Vercel
Edwin Reyes Rodriguez
Edwin Reyes Rodriguez

Posted on • Updated on

Getting Started With Vercel

Are you sick and tired of configuring your Github pages yet still failing to deploy your project? If you are, I got a solution for you.

Vercel

As you know, there is sometimes always a solution to our problems. With Vercel, we can skip the tedious GitHub pages workflow and build and deploy projects faster and more scalable.
Image description of meme
So what is Vercel? Vercel is a platform for building front-end frameworks for static sites that developers can integrate with headless content, commerce, or database applications. With their frictionless developer experience, they handle the hard stuff, like deploying, scaling automatically, and providing personalized content worldwide.

A couple of weeks ago, I struggled to deploy a recent lab to Github pages, and their workflow was just complicated and time-consuming. When I found out about Vercel, I quickly imported the repo and deployed my project faster than I could've ever thought. An excellent user experience, in my opinion.

So enough chit chatting, let's deploy a project using Vercel.

Getting Started

  1. First, create an account with Vercel.

  2. Fork and clone this repository onto your local machine.

  3. There is a .env file needed for this to work locally. Create a .env file in the git repo you cloned down locally.
    Creating a file

  4. Inside this file add this content and commit your changes:
    Image description of code

  5. In your Vercel account create and import your repo.
    Image description of vercel

  6. Quickly configure your project, override the output directory with dist, and deploy the project.
    Image description of output


Once you have successfully deployed your project, a confetti animation will display, showing you the Vercel site and link you can access anytime from anywhere.

Image description of vercel siteView Vercel site

Thoughts?

There's a big difference when deploying your CI/CD pipeline in Vercel comparing Github.

I found it very useful and deployed three other recent labs I have accomplished. Please take a look at them and view how effectively Vercel is.

11ty
Vercel site: https://eleventy-seven-orpin.vercel.app/
Image description of 11ty

hello-world-11ty
Vercel site: https://hello-world-11ty.vercel.app/
Image description of 11ty-hello-world

11ty template
Vercel site: https://11ty-template.vercel.app/

11ty temp


Now that you have a view and deployed your project with Vercel, I would like to know your thoughts on your overall experience. Would you consider deploying projects in Vercel instead of Github?

Also, if you're curious, I have been lately learning micro frontend architecture and its benefits. If you would like to learn more about it, please check out this article by Michael Potter on How to use micro frontends to architect web apps.


Resources

  1. https://www.redhat.com/architect/micro-frontend-architecture
  2. https://vercel.com/docs

Top comments (0)