DEV Community

elizabeth-delor
elizabeth-delor

Posted on

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

Top comments (0)