Deploy guides

Vercel

The home of Next.js and v0. Zero-config for most frameworks.

Free tier Frontend + serverless platform

Free tier

Hobby: $0 — 100 GB data transfer, 1M CDN requests, 1M function invocations / month

  • 100 GB/month Fast Data Transfer, 1M CDN requests/month
  • 1M function invocations, 4 hours Active CPU, 360 GB-hrs memory / month
  • Hobby is for personal, non-commercial use only
  • Hobby accounts are capped at the free limits — you can't buy extra usage

Paid

$20/mo: Pro: $20/month per developer seat, includes $20 of usage credit; 1 TB transfer, 10M CDN requests

Catches

  • The free Hobby plan is for personal, non-commercial use. A business or monetised app needs Pro.
  • Prices exclude VAT/sales tax.

Deploying to Vercel

Connect
Go to vercel.com/new, import your GitHub repository, accept the detected framework preset and click Deploy.
Build
Vercel auto-detects Vite, Next.js, TanStack Start (via Nitro) and most frameworks. For a plain Vite app the defaults are build command npm run build and output dist.
Env vars
Project → Settings → Environment Variables
Domain
Project → Settings → Domains → Add. Vercel shows the exact DNS records (A record for the apex, CNAME for www) to create at your registrar; HTTPS is issued automatically.

Single-page app fallback

vercel.json 
{
  "$schema": "https://openapi.vercel.sh/vercel.json",
  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}

Official docs (opens in a new tab)

Guides for Vercel