DEV Community

elizabeth-delor
elizabeth-delor

Posted on

1 1

Attempting Vercel

A lil bit of background

I will be describing how to set up a Vercel site but using one we have been working on over the past few months. Since I had issues when setting up eleventy, I could not get Vercel working on those repos.

HOWEVER! I did get it to work in this group project so we will be using that as a walkthrough.

Setting it Up

To begin, you will go to the Vercel Site and create an account or login. If you haven't created an account already I would recommend using your GitHub to login since it allows you to access your repos directly.

Importing your Repos

The reason I recommended the use of Github to login is since it allows for importing repos to be very simple.

Vercel Dashboard

Once logged in, you want to select "New Project" located at the upper right corner of the screen. That will bring you to a screen with a couple of options. On the right provides the you with some pre-built sites you can modify.

On the left, which we will focus on, provides you with a drop down selection for GitHub accounts and their repos.

Image description

After selecting your desired repo, all you need to do is press "import" and "save".

Configuring your Repo

The only thing you need to do to fully complete your repo is edit three things:

  • Root Directory
  • Build and Output Settings
  • Environment Variables

If you want to take a look at those configurations, take a look at this repo.

All Set!

Now that everything is configured you are all ready to begin. Keep in mind that typically to run a project you may use npm start or yarn start. Vercel however runs a little different as you need to run vercel dev

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay