Vercel Deployment explained

mnmartinelli

mnmartinelli

Posted on May 2, 2022

Vercel Deployment explained

Vercel who?

Vercel is designed to increase developer efficiency. Allowing teams to develop, preview and ship static sites on the fly. Built with performance in mind, Vercel deploys instantly and scales automatically.

Vercel Quickstart

Vercel developed their own CLI, however I found it easier to use their website. You'll want to start by creating your own account or by signing up through GitHub.

After you have created an account, create a new project.
New Project Button
Then, connect Vercel to your GitHub account and import the repository you'd like to deploy.
Import repo
In this guide, I forked my repo from here. Also, feel free to view my repo

Build & Development Settings

Please save and change your settings to the following:

  • Build Command change setting to npm run-script build
  • Output Directory change setting to: dist
  • Install Command change setting to: npm install Build settings

Additional Settings:

Vercel has many features for developers to take advantage of, including: Environment variables, Integrations, logs, analytics, and Severless functions (premium feature).
If you would like to learn more, please visit the official documentation

Time to Deploy

Press the Deploy button and you'll all finished! Congratulations on deploying with Vercel. If you run into any issues, be sure to check the build log.

💖 💪 🙅 🚩
mnmartinelli
mnmartinelli

Posted on May 2, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Vercel Deployment explained
vercel Vercel Deployment explained

May 2, 2022