Setup CI/CD Pipeline dengan GitHub Actions untuk Next.js

Apa itu CI/CD?

CI/CD (Continuous Integration / Continuous Deployment) adalah praktik otomatisasi build, test, dan deployment aplikasi setiap kali ada perubahan kode.

Setup GitHub Actions

1. Buat file workflow

Buat file .github/workflows/deploy.yml:

name: Deploy to Vercel

on:
  push:
    branches: [main]
  pull_request:
    branches: [main]

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npm ci
      - run: npm run lint
      - run: npm run typecheck
      - run: npm run build

2. Deploy ke Vercel

Tambahkan step deployment menggunakan Vercel CLI atau Vercel Action.

Best Practices

• Selalu jalankan lint dan typecheck sebelum build
• Gunakan caching untuk mempercepat build
• Pisahkan job untuk test dan deploy
• Gunakan environment variables yang sesuai

Kesimpulan

CI/CD pipeline yang baik meningkatkan produktivitas tim dan mengurangi risiko bug masuk ke production.