vercellisted

# Vercel The frontend cloud platform for deploying web applications. ## Quick Start **Install CLI:** ```bash npm i -g vercel ``` **Deploy:** ```bash vercel ``` **Deploy to production:** ```bash vercel --prod ``` ## Project Setup ### Connect Git Repository 1. Go to vercel.com/new 2. Import repository from GitHub/GitLab/Bitbucket 3. Configure build settings (auto-detected for most frameworks) 4. Deploy ### vercel.json Configuration ```json { "buildCommand": "npm run build", "outputDirectory": "dist", "installCommand": "npm install", "framework": "nextjs", "regions": ["iad1"], "functions": { "api/**/*.ts": { "memory": 1024, "maxDuration": 10 } }, "rewrites": [ { "source": "/api/:path*", "destination": "/api/:path*" } ], "redirects": [ { "source": "/old", "destination": "/new", "permanent": true } ], "headers": [ { "source": "/(.*)", "headers": [ { "key": "X-Frame-Options", "value": "DENY" } ] } ] } ``` ## Environment Variables ### Setting Variables **Via Dashboard:** 1. Project Settings > Environment Variables 2. Add key-value pairs 3. Select environments (Production, Preview, Development) **Via CLI:** ```bash vercel env add MY_VAR vercel env ls vercel env pull .env.local ``` ### Environment Types ```typescript // Production only NEXT_PUBLIC_API_URL=https://api.example.com // Preview (PR deployments) NEXT_PUBLIC_API_URL=https://staging-api.example.com // Development NEXT_PUB