Vercel Deployment explained
mnmartinelli
Posted on May 2, 2022
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.
Then, connect Vercel to your GitHub account and import the repository you'd like to deploy.
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
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.
Posted on May 2, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.