Vercel

Intro

Vercel

Vercel is the AI Cloud for building and deploying modern web applications, from static sites to AI-powered agents.

Vercel is primarily a frontend deployment platform for web apps, especially those built with frameworks like Next.js, React, or Vue. It handles:

• Static site generation
• Serverless functions
• CI/CD for web projects
• Preview & production deployments

Deploy to Vercel from GitHub

Connect GitHub to Vercel

• Go to vercel.com and log in
• Click “Add New → Project” and “Continue with GitHub”

Import project

• select your repo and click “Import”
• Configure build settings

Deploy

• Click “Deploy”
• Your site will be live on a *.vercel.app domain like

https://your-project-name.vercel.app

Automatic Deployments on Push

• Every push to your GitHub repo (any branch) will trigger a new deployment
  • Main branch pushes update your production deployment
  • Other branches create preview deployments (e.g., for PRs)

Environments

https://vercel.com/docs/deployments/environments

Preview Deployment

https://vercel.com/docs/deployments/environments#preview-environment-pre-production

Preview deployments are automatically created whenever you push a commit to a branch that is not your production branch (commonly main)

• You get a unique deployment URL like:
  https://<branch-name>--<project-name>.vercel.app

Production Deployment

Production Environment

The Production environment is the live, user-facing version of your site or application.

By default, pushing or merging changes into your production branch (commonly main) triggers a production deployment. Y