GitHub Actions භාවිතයෙන් Vercel Deployment Pipeline එකක් සාදමු

Continuous Deployment (CD) පිළිබඳව කතා කරද්දී, GitHub Actions සහ Vercel යන දෙකේ සංයුක්ත භාවිතය ඉතා ජනප්‍රියයි. මේ මගින් අපේ Next.js / React.js / Vue.js / Svelte වැනි frontend applications automated deployment කළ හැකිය.

මේ ලිපියෙන් GitHub Actions භාවිතයෙන් Vercel CI/CD Pipeline එකක් සාදන ආකාරය පියවරෙන් පියවර විස්තර කරමු. 🚀

---

🔹 1. Vercel Project එක සකසන්න

1.1 Vercel එකට ලොග් වන්න

1. Vercel Dashboard වෙත පිවිසෙන්න.
2. "New Project" ක්ලික් කර ඔබේ GitHub Repository එක Import කරන්න.
3. Project settings හෝ default settings භාවිතා කරන්න.

1.2 API Token එක ගන්න

Vercel API Token එක ලබා ගැනීමට:

1. Vercel Dashboard → Settings → Tokens යන්න.
2. "Create Token" ක්ලික් කර නව Token එකක් සාදන්න.
3. Token එක GitHub Secrets එකක් ලෙස GitHub Repo එකේ ඇතුලත් කරන්න (උදා: VERCEL_TOKEN).

---

🔹 2. GitHub Actions Workflow එක ලියන්න

GitHub Repository එකේ .github/workflows/vercel-deploy.yml නමින් workflow ෆයිල් එකක් සාදන්න.

name: Deploy to Vercel

on:
  push:
    branches:
      - main  # "main" branch එකට push කලොත් deploy වේ

jobs:
  deploy:
    runs-on: ubuntu-latest
    
    steps:
      - name: Checkout Repository
        uses: actions/checkout@v4

      - name: Install Vercel CLI
        run: npm install --global vercel@latest

      - name: Deploy to Vercel
        run: vercel --prod --token=${{ secrets.VERCEL_TOKEN }}

📌 මේ workflow එකේ සිදුවන දේ:

• actions/checkout@v4: Repo එක clone කර ගන්නවා.
• Vercel CLI Install කිරීම.
• Deploy command එක execute කිරීම.

---

🔹 3. GitHub Secrets එකක් සෙටප් කරන්න

GitHub Repository එකට Vercel API Token එක Secrets ලෙස එකතු කරන්න.

👉 GitHub Repo → Settings → Secrets and Variables → Actions → New Repository Secret

Secret Name	Value
VERCEL_TOKEN	(Vercel API Token එක)

---

🔹 4. Pipeline එක Test කරන්න

✅ Push a Change → main branch එකට code commit කර push කරන්න.
✅ GitHub Actions → Workflow එක GitHub Actions tab එකේ ලබා ගත හැක.
✅ Vercel Dashboard → Deployment Status පිරික්සන්න.

---

🎉 අවසන්වීම

දැන් ඔබේ project එක GitHub Actions + Vercel CI/CD Pipeline මගින් ස්වයංක්‍රීයව deploy වේ! 💡

🔹 Code එක update කරන හැම වෙලාවෙම project එක Vercel එකට auto-deploy වේ. 🚀
🔹 Bug Fix / Feature Additions සිදුකර code push කිරීමෙන් auto-deployment process එකක් run වේ.

👉 ඔබේ website එක production-ready automation එකක් ලබාගෙන ඇත! 🎯

Happy Coding! 💻🔥

Go to Link