Guia completa para construir pipelines CI/CD con Claude Code
Una guia completa para construir pipelines CI/CD usando Claude Code con ejemplos practicos y mejores practicas.
Optimizando la construccion de pipelines CI/CD con Claude Code
Los archivos de configuracion de CI/CD tienen muchas sintaxis detalladas y suelen requerir prueba y error. Con Claude Code, puedes generar un pipeline adaptado a tu proyecto de una sola vez.
Workflow basico de GitHub Actions
> Crea un workflow de GitHub Actions.
> - Ejecutar lint, verificacion de tipos y tests cuando se cree un PR
> - Compilar y desplegar al hacer merge a main
> - Usar Node.js 20 y pnpm
> - Configurar cache para mayor velocidad
# .github/workflows/ci.yml
name: CI
on:
pull_request:
branches: [main]
push:
branches: [main]
concurrency:
group: ${{ github.workflow }}-${{ github.ref }}
cancel-in-progress: true
jobs:
lint-and-test:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: pnpm/action-setup@v4
with:
version: 9
- uses: actions/setup-node@v4
with:
node-version: 20
cache: pnpm
- run: pnpm install --frozen-lockfile
- name: Lint
run: pnpm lint
- name: Type Check
run: pnpm tsc --noEmit
- name: Test
run: pnpm test -- --coverage
- name: Upload Coverage
if: github.event_name == 'pull_request'
uses: actions/upload-artifact@v4
with:
name: coverage
path: coverage/
deploy:
needs: lint-and-test
if: github.ref == 'refs/heads/main' && github.event_name == 'push'
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: pnpm/action-setup@v4
with:
version: 9
- uses: actions/setup-node@v4
with:
node-version: 20
cache: pnpm
- run: pnpm install --frozen-lockfile
- run: pnpm build
- name: Deploy to Vercel
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
Construccion y push de imagenes Docker
> Crea un workflow para construir imagenes Docker y hacer push
> al GitHub Container Registry.
> Los tags deben ser el tag de git y el SHA del commit.
# .github/workflows/docker.yml
name: Docker Build
on:
push:
tags: ["v*"]
jobs:
build-and-push:
runs-on: ubuntu-latest
permissions:
contents: read
packages: write
steps:
- uses: actions/checkout@v4
- uses: docker/setup-buildx-action@v3
- uses: docker/login-action@v3
with:
registry: ghcr.io
username: ${{ github.actor }}
password: ${{ secrets.GITHUB_TOKEN }}
- uses: docker/metadata-action@v5
id: meta
with:
images: ghcr.io/${{ github.repository }}
tags: |
type=semver,pattern={{version}}
type=sha,prefix=
- uses: docker/build-push-action@v5
with:
context: .
push: true
tags: ${{ steps.meta.outputs.tags }}
cache-from: type=gha
cache-to: type=gha,mode=max
Para mas detalles sobre la construccion de entornos Docker, consulta la guia de integracion con Docker.
Integracion de tests E2E
> Integra tests E2E de Playwright en el CI/CD.
> Guardar capturas de pantalla cuando los tests fallen.
e2e-test:
needs: lint-and-test
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: pnpm/action-setup@v4
with:
version: 9
- uses: actions/setup-node@v4
with:
node-version: 20
cache: pnpm
- run: pnpm install --frozen-lockfile
- run: npx playwright install --with-deps chromium
- name: Run E2E Tests
run: pnpm test:e2e
- uses: actions/upload-artifact@v4
if: failure()
with:
name: playwright-report
path: playwright-report/
retention-days: 7
Para una vision general de la estrategia de testing, consulta la guia completa de estrategias de testing, y para la integracion con el flujo de trabajo Git, consulta tambien automatizacion completa de operaciones Git.
Agregar escaneo de seguridad
> Agrega escaneo de vulnerabilidades de dependencias al CI.
security:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- run: npx audit-ci --moderate
Para mas detalles sobre verificaciones de seguridad, consulta automatizacion de auditorias de seguridad.
Resumen
Con Claude Code, puedes construir pipelines CI/CD optimizados para tu proyecto en poco tiempo. Al indicar claramente cada etapa de lint, testing, compilacion y despliegue, se generan workflows aptos para produccion.
Para mas detalles sobre GitHub Actions, consulta la documentacion oficial de GitHub Actions, y sobre Claude Code, consulta la documentacion oficial de Anthropic.
Related Posts
Domina los Hooks de Claude Code: Formateo automático, tests automáticos y más
Aprende a configurar formateo y tests automáticos con los hooks de Claude Code. Incluye ejemplos prácticos de configuración y casos de uso reales.
Configuración de servidores MCP en Claude Code y casos de uso prácticos
Guía completa sobre las capacidades de servidores MCP en Claude Code. Aprende a conectar herramientas externas, configurar servidores y explora ejemplos de integración reales.
Guía completa para escribir CLAUDE.md: Mejores prácticas de configuración de proyectos
Una guía exhaustiva para escribir archivos CLAUDE.md efectivos. Aprende a comunicar tu stack tecnológico, convenciones y estructura de proyecto para maximizar la calidad de las respuestas de Claude Code.