Vercel Deployment explained

#vercel #webdev #beginners #webcomponents

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.

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.