CI/CD using Vercel (Best for Frontend Projects like Next.js)
Vercel is the simplest way to set up CI/CD — zero config for Next.js.
Vivek Rastogi
7/29/20251 min read
🚀 What Happens?
Every time you git push code to GitHub:
Vercel automatically pulls it
Builds the site
Deploys it live (usually in under a minute)
🔧 Step-by-Step Guide
🟢 Step 1: Push Your Code to GitHub
git init
git remote add origin https://github.com/yourusername/your-portfolio.git
git add .
git commit -m "initial commit"
git push -u origin main
🟢 Step 2: Connect GitHub to Vercel
Go to https://vercel.com
Sign in (use GitHub)
Click "Add New Project"
Select your GitHub repo
Vercel detects Next.js → just click "Deploy"
🟢 Step 3: Done 🎉
Now, every time you push code to GitHub:
git commit -m "added new section"
git push
Vercel runs the CI/CD pipeline automatically.