🔺

Vercel

Ship to the web instantly

Deploy frontend apps and serverless functions with zero configuration. Vercel is the platform built by the team behind Next.js.

📘 9 lessons🚀 1 projects🗺️ 1 roadmaps🐞 4 error fixes

Deploy to Vercel

Get your app live on the internet in a few minutes.

terminal

git push -u origin main

What it does

Vercel deploys from a Git repository, building automatically on every push.

Why you need it

Connecting Git gives you automatic deploys and a preview URL per pull request.

Alternatives: GitLab or Bitbucket also work; or deploy from the Vercel CLI.

terminal

# https://vercel.com/new → select your repo

What it does

Vercel auto-detects the framework (Next.js, Vite, etc.) and configures the build.

Why you need it

Zero-config: it knows how to build most frameworks out of the box.

terminal

# Project → Settings → Environment Variables

What it does

Set secrets like DATABASE_URL and API keys for the build and runtime.

Why you need it

Your app's secrets aren't in the repo, so the host needs them separately.

terminal

# Click Deploy (or push a commit)

What it does

Vercel builds and serves your app on a global edge network with a public URL.

Why you need it

Your app is now live and updates automatically on every push.