Skip to main content
Development

Vercel

Portrait of Lukas Horvath, co-founder of Roelu Studio
Lukas HorvathCo-founder

What is Vercel?

Vercel is a hosting and deployment platform for modern websites and web apps, especially those built with Next.js — which Vercel also maintains. It handles the full pipeline: pulling code from GitHub, building the site, distributing it across a global edge network, generating preview URLs for every change, and serving traffic at scale. Vercel is one of the default choices for production Next.js, alongside Cloudflare and self-hosted setups.

Why it matters

Hosting used to be the boring part of a project that nobody enjoyed configuring. Vercel turned it into a default. Push code to GitHub, the site deploys. Open a pull request, you get a live preview URL to share with stakeholders. Break something, roll back in one click. For a team shipping weekly, that workflow saves hours and removes whole categories of bugs. The trade-off is cost — Vercel is not the cheapest host on a per-gigabyte basis, and large sites can rack up bills. For most VC-backed scale-ups, the developer velocity is worth it. For tighter budgets, Cloudflare Pages does most of the same things for less.

How it works

A team connects their GitHub repository to Vercel once. From that point on, every push to the main branch triggers an automatic build and deploy. Every pull request gets a unique preview URL that runs the proposed changes in a sandbox, which designers and PMs can click through before anything ships. Once live, the site is served from Vercel's edge network — servers in dozens of cities — so visitors hit the closest one. Vercel also handles image optimization, serverless functions for API routes, and built-in analytics for traffic and Core Web Vitals. The team rarely touches infrastructure. They write code, open pull requests, merge, and the site updates.

Related terms

  • Next.js

    Development

    A modern web framework for building fast, search-friendly websites and apps in React. It is the default choice for serious scale-up sites where speed, SEO, and…

  • React

    Development

    The most widely used way of building interactive websites and apps in JavaScript. If your product has buttons, dashboards, or live data, there is a strong…

  • Static Site Generation

    Development

    Building every page of a website in advance, once, and storing the result as plain files ready to ship from a CDN. The output is a site that loads in…

  • Incremental Static Regeneration

    Development

    A way of keeping a static site fresh without rebuilding the whole thing every time. New or edited pages get regenerated on the fly, so marketing can publish…

  • Content Delivery Network

    Performance

    A global network of servers that stores copies of your site close to visitors, so pages load fast in São Paulo, Sydney, and Stockholm without every request…

  • Web Hosting

    Websites

    The server space where your website's files live so visitors can reach them — every site needs a host, and the one you pick decides how fast your pages load…

  • Staging Environment

    Websites

    A private copy of your website where the team can preview changes, test new features, and catch problems before pushing them live to real visitors. Also called…