DEV Community

rafaelvieirab
rafaelvieirab

Posted on

Deploying App using Vercel

1. Create yout account at Vercel

2. Install vercel-cli

Use the package manager node or yarn:

npm i -g vercel
Enter fullscreen mode Exit fullscreen mode
yarn global add vercel
Enter fullscreen mode Exit fullscreen mode

Obs.: If choose yarn, add the global path to your ./bashrc or ./zshrc file.

3. Log in with your account through the terminal

At the end of the installation of vercel-cli, you can test it by typingvercel -h in the terminal.
After that, you must log into your Vercel account through the terminal, typing vercel login and follow the instructions.

vercel login example

4. Deploy

To implement your project, just type vercel in the terminal, and follow the instructions. At the end, you will be informed of the link to your project hosted at Vercel.
After the first version of your project is deployed, if there are new changes to the project that you want to deploy as well, then you must use vercel --prod.

vercel deploy image

Obs: After the first deployment, the vercel command is used for testing and no longer for the actual deployment.

5. Linking to the Github project

To connect your Github / Gitlab project to the application's deployment, you must copy the link to your project hosted at Vercel (the one that was informed at the time of implementation) and open it in the browser.
Then go to Settings > Git > Connect Git Repository, and type in the name of your Github project.

vercel github connection

Top comments (0)