Deploy to Vercel From CLI - Deploy Your App in Minutes
In this post you will learn what is Vercel, what benefits it has and how to deploy your project to Vercel.
Vercel is a serverless platform that allows developers to build and run applications without having to manage servers.It's a service that you can use to deploy your application to production without learning anything about servers or devops engineering. The main goal of Vercel is to help you deploy your application without any knowledge in seconds.
Why is it so popular?The next question is why Vercel is so popular?Actually it is because they created NextJS. As they created this framework lots of people use it and in documentation there are links to Vercel in the deployment section where they promote deploying NextJS applications in seconds to production. This is why all these people used Vercel as their deploy system.But Vercel is not only about NextJS. You can deploy any popular framework here.For example you can take NextJS or plain React, Angular framework or Vue. You can deploy any of them without hassle.
Server functionsVercel is focused on deploying frontend applications (which means that we deploy there static) but it is also possible to deploy there server part.Like for example your Express project build with NodeJS.And additionally you can spin there a database also in a matter of seconds.
Also I need to mention that if you are using NextJS and server side rendering Vercel supports it out of the box.
PricingThe last question to answer before we start deploy to Vercel is about pricing.As you can see here we have different tiers (Hobby, Pro and Enterprise). I can say that using hobby tier is an extremely good idea.
You are paying $0 and you get lots of stuff out of the box. It equals the alternative of $36 on AWS.It is fully suitable for small and medium projects where you don't have lots of traffic.
Most important pointThe main thing to remember is that you are NOT allowed to create a website which earns money on the free tier. You can do it only on PRO tier. It means that if you want to create a blog with Adsence or you want to sell something with E-commerce shop you need to pay at least for the pro tier. It is forbidden in Vercel to do such stuff on the free tier.On hobby tier to are getting 100GB of traffic which is enough for the small project. But on the PRO tier you are getting 1TB of data but you are paying extra $40 for every additional 100GB of traffic. And it is a lot.
Vercel deploymentNow let's check on the real example how fast and easy we can deploy the application to Vercel.This is the already create project in Angular that I want to deploy to Vercel. It doesn't work with API and has only client logic to manage todos.After creating an account in Vercel website we must install Vercel CLI tool on our machine.
After installation we can write
npm i -g vercel
verceland select some options.These are all options to setuo our project deployment. We need the default scope, we provide a name for the project and a root directly to deploy.