Στήσιμο GitHub Actions Workflow για Next.js & TypeScript

Στήσιμο GitHub Actions Workflow για Next.js & TypeScript

Η χειροκίνητη εκτέλεση ελέγχων ποιότητας πριν το merge είναι αργή και ευάλωτη σε ανθρώπινα λάθη. Με το GitHub Actions, κάθε Pull Request ελέγχεται αυτόματα σε απομονωμένα Linux runners πριν επιτραπεί η συγχώνευση.

Σε αυτό το μάθημα θα στήσουμε ένα ολοκληρωμένο, αστραπιαίο CI workflow με παράλληλα jobs και caching.

---

1. Το Αρχείο .github/workflows/ci.yml

Δημιουργήστε το αρχείο στο repository σας:

yaml
Αντιγραφή
name: CI Quality Gate

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

# Ακύρωση προηγούμενων εκτελέσεων εάν σταλεί νέο commit στο ίδιο PR
concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true

jobs:
  validate:
    name: Lint, Types & Unit Tests
    runs-on: ubuntu-latest
    timeout-minutes: 10

    steps:
      - name: Checkout Source Code
        uses: actions/checkout@v4

      - name: Setup Node.js 20
        uses: actions/setup-node@v4
        with:
          node-version: 20
          cache: 'npm'

      - name: Install Dependencies
        run: npm ci --prefer-offline

      - name: Strict Typecheck
        run: npx tsc --noEmit

      - name: ESLint Code Quality
        run: npm run lint

      - name: Automated Unit & Gating Tests
        run: npm test

---

2. Βασικά Χαρακτηριστικά Αποδοτικότητας

1. cache: 'npm': Αποθηκεύει το ~/.npm cache. Το npm ci ολοκληρώνεται σε 6 δευτερόλεπτα αντί για 45!
2. concurrency / cancel-in-progress: true: Εάν κάνετε push 3 commits διαδοχικά, το GitHub Actions ακυρώνει αυτόματα τα παλιά jobs, εξοικονομώντας CI build minutes.
3. Fail-Fast: Εάν αποτύχει το tsc, το workflow σταματά άμεσα χωρίς περιττή κατανάλωση πόρων.