مشروع 1: CI/CD كامل لتطبيق Next.js

my-nextjs-app/
├── src/
├── tests/
├── .github/
│   └── workflows/
│       └── ci-cd.yml
├── next.config.js
└── package.json

name: Next.js CI/CD

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

jobs:
  quality:
    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 test

  build:
    needs: quality
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: npm ci
      - run: npm run build

  deploy:
    needs: build
    runs-on: ubuntu-latest
    if: github.ref == 'refs/heads/main'
    steps:
      - uses: actions/checkout@v4
      - uses: amondnet/vercel-action@v25
        with:
          vercel-token: ${{ secrets.VERCEL_TOKEN }}
          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
          vercel-args: '--prod'

// tests/Home.test.jsx
import { render, screen } from '@testing-library/react';
import Home from '@/pages';

test('renders welcome message', () => {
  render(<Home />);
  expect(screen.getByText(/مرحباً/i)).toBeInTheDocument();
});