DEV Community

Kern Designs
Kern Designs

Posted on

Getting Started with Vercel

Vercel

Vercel is a new technology, specifically a FaaS, that is growing fast. It's a platform used to host sites. Vercel is one of the easiest to learn and developers all over are falling in love.

Functions as a Service

FaaS are a type of services that allow customers to focus on what they are interested in doing (normally managing application functionalities) without having to build or maintain infrastructure they don't know how to use and don't want to take the time to learn. Usually a FaaS is associated with developing and launching an app.

How to get started with Vercel

  1. Set up an Account
    On the Vercel Website select sign up or login.

  2. Link your GitHub
    Use the Continue with GitHub option to link your accounts.

  3. Choose a new project
    On the home page, you should see an option to make a new project.

  4. Select a repo to deploy
    You should see a list of options from your GitHub because you linked the two. Choose an updated repository to deploy it. I chose an 11ty site I had.
    Vercel Homepage

  5. Configure and Deploy
    Change anything you want to and select the Deploy button.

  6. Congrats!
    You should have a working project! It should not be on your dashboard.
    Dashboard
    Clicking on it will give you more information.
    More Info

IST Vercel Demo

Now that you understand the basics of Vercel, here is how I deployed it using the command line.

  1. Clone Repo
    I chose this repository online in order to help us.

  2. Set up the repositroy
    Use npm install and npm i -g vercel in order to install all the right dependencies. Start the project with vercel dev.

  3. Log into Vercel on the command line
    This will prompt you to ensure you're logged in. Your projects should now be linked.

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

While many AI coding tools operate as simple command-response systems, Qodo Gen 1.0 represents the next generation: autonomous, multi-step problem-solving agents that work alongside you.

Read full post

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️