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 dep…


This content originally appeared on DEV Community and was authored by DEV Community

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

Vercel Installation

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.

github link

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.

vercel

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

deploy2

deploy3

deploy4

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.

Sources


This content originally appeared on DEV Community and was authored by DEV Community


Print Share Comment Cite Upload Translate Updates
APA

DEV Community | Sciencx (2022-03-14T00:18:29+00:00) Vercel Site Deployment. Retrieved from https://www.scien.cx/2022/03/14/vercel-site-deployment/

MLA
" » Vercel Site Deployment." DEV Community | Sciencx - Monday March 14, 2022, https://www.scien.cx/2022/03/14/vercel-site-deployment/
HARVARD
DEV Community | Sciencx Monday March 14, 2022 » Vercel Site Deployment., viewed ,<https://www.scien.cx/2022/03/14/vercel-site-deployment/>
VANCOUVER
DEV Community | Sciencx - » Vercel Site Deployment. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/03/14/vercel-site-deployment/
CHICAGO
" » Vercel Site Deployment." DEV Community | Sciencx - Accessed . https://www.scien.cx/2022/03/14/vercel-site-deployment/
IEEE
" » Vercel Site Deployment." DEV Community | Sciencx [Online]. Available: https://www.scien.cx/2022/03/14/vercel-site-deployment/. [Accessed: ]
rf:citation
» Vercel Site Deployment | DEV Community | Sciencx | https://www.scien.cx/2022/03/14/vercel-site-deployment/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.