Vercel - rvdegroen/notes GitHub Wiki

Table of contents

What is deployment?

Deployment refers to the process of delivering new or updated software to a production environment where it can be used by end-users. For deployment we're using Vercel, because it's free and we've used this before in our tech track of this minor.

Why Vercel?

It's free, unlike Heroku. It's easy in the sense that you can deploy your entire Github repository. Whenever you push your project to your Github, your deployed version gets automatically updated.

How to deploy on Vercel?

I'll be talking step by step on how to deploy your website with Vercel (by using a Github repository).

  1. First you have to create an account on https://vercel.com/, you can do this with your Github.

  2. When you come on the landing page of Vercel, you have to click on "add new" then "project".

/images/vercel1.png

  1. Then you can choose your Github repository that you want to deploy and click on "import".

/images/vercel2.png

  1. You can change stuff if you want, but Vercel should be able to configure everything for you automatically and then you can click on "deploy".

/images/vercel3.png

  1. If you're using environmental variables, like we did, then you can add them in your project settings, go to "enviromental variables" and type them as shown in the picture below.

/images/vercel4.png

  1. After adding enviromental variables to your project, please make sure that you manually redeploy your project, otherwise the changes of the environmental variables won't be applied.