DEV Community

GigiFitiany
GigiFitiany

Posted on

Vercel 101

Vercel Site Deployment

Vercel

Vercel is a tool used to deploy and test static sites. It allows developers to complete these actions in a quick manner. Users can link GitHub accounts to Vercel and import their projects. After importing, these projects can be deployed automatically. This means that Vercel will update the deployment as changes come in.

To learn more about how this happens, check out the article and documentation listed in the Sources section.

How to get Started with Vercel
Image description

The first thing you are going to want to do is install Vercel via your command line. To do so, follow the "Vercel Installation" link.

Once you have successfully installed Vercel, you should link your GitHub account to deploy an existing project.

Importing a repository is simple: just search for the one you want to deploy and click import

For the sake of an example, I used this source to get set up with Vercel. In my terminal, I ran a cd to get into the directory where the code was housed. Then, I ran npm install and vercel dev. I pushed this code to GitHub, and was able to successfully use Vercel to generate the site.

Publishing 11ty Sites via Vercel
The process of publishing 11ty sites with Vercel is rather simple. As before, simply import the desired repos and deploy. Below are some photos of this working for me!

11ty deploy

Image description

Vercel vs Other CI/CD Pipeline Approaches

For myself, Vercel has been the simplest tool to use so far. In my opinion, it is easier to understand and use than other approaches. Vercel has the advantage of automatically updating as code is pushed out (with the help of GitHub). In addition, the simplicity of this site allows for anyone with a basic understanding to use it for development!

In short, Vercel seems to be the most versatile tool used so far. It has presented an easy development experience and it appears to be a very powerful site.

Top comments (0)