Vercell provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web. Your favorite frameworks, hosted globally on the edge.
// FRONTEND CLOUD
Deploy from a Git push. Preview every branch on a unique URL. Ship to a global edge in less than ten seconds.
Every git branch lands on a unique URL with isolated env vars, integration tests, and a comment thread your designer can click on.
Read the docsStatic assets cached at 119 regions. Server functions cold-start in 50ms or less. Latency you can promise without paging the on-call.
See the edge networkPromote to production with a click. Revert to last green deploy in less time than it takes to read this sentence. Atomic, immutable, observable.
See deploy dashboards// DEVELOPER EXPERIENCE
The CLI, the dashboard, and the integration are the same workflow — three surfaces over one truth.
1// next.config.ts 2import {defineConfig} from "vercell"; 3 4export default defineConfig({ 5 runtime: "edge", 6 regions: ["sfo1", "fra1", "hnd1"], 7 cache: { isr: "60s" }, 8});
// COMPUTE
Edge, serverless, fluid — the same project, three runtime shapes. Pick the right one per route, never per app.
Render at the closest point of presence. Best for personalization, A/B routing, geo-fencing.
Node 22 functions that scale to zero between bursts. Best for APIs and long-running work.
Multiplexed concurrent execution. Best for AI inference, streaming responses, agentic loops.
// TEMPLATES
Production-grade starting points for every framework. Click deploy, fork the source, ship Friday.
// PRICING
No deploy fees, no minimum spend, free TLS forever. Active CPU billing per millisecond — not per request.
For personal projects, side hustles, and learning the platform.
For teams running production workloads with strict SLAs.
For platforms processing billions, with audit, SSO, and dedicated support.
// DESIGN SYSTEM
Vercel's chrome is one of the cleanest stark systems on the web — black ink on near-white canvas, a 200-step gray scale, mono captions for technical voice, and a multi-stop mesh gradient as the entire decoration. Tokens below are sourced from the brand's DESIGN.md.
// Surface — the four-step ladder
// Text & mute
// Semantic
// Mesh gradient stops — the entire decoration system
// Geist (subbed Inter) w400/500/600 · Geist Mono (subbed JetBrains Mono) for code & eyebrows · ceiling weight 600
// Buttons — pill 100r marketing scale · sm 6r nav scale
// Inputs — 6r · 40h · 0/12 padding · ink focus ring
// Badges & banners
// Cards — 8r marketing · 12r pricing · stacked shadow + inset hairline
White canvas, 8r, padding 24. Stacked shadow built from 3 small offsets + inset 1px ring — never a heavy single drop.
Canvas-soft (#fafafa) — the page body tone. Used inside cluster groups to differentiate from pure-canvas cards.
Polarity-flipped to ink primary with white text. The dark surface IS the featured-tier signal — never an accent ribbon.
// Code editor mockup — the brand's signature dark surface
type PillButton = { radius: "100px"; // marketing-scale height: 48; // pixels weight: 500; };