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.

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.
   

4. Inside this file add this content and commit your changes:
   

5. In your Vercel account create and import your repo.
   

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

---

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.

View 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/

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

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

---

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