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.
Lleva tu flujo con Claude Code al siguiente nivel
50 plantillas de prompts probadas en producción, listas para copiar y pegar en Claude Code.
PDF gratuito: Hoja de trucos de Claude Code en 5 minutos
Comandos clave, atajos y ejemplos de prompts en una sola página imprimible.
Sobre el autor
Masa
Ingeniero apasionado por Claude Code. Dirige claudecode-lab.com, un medio tecnológico en 10 idiomas con más de 2.000 páginas.
Artículos relacionados
Introducción al Claude Code Agent SDK — Construye agentes autónomos rápidamente
Aprende a construir agentes de IA autónomos con Claude Code Agent SDK. Cubre la configuración, definición de herramientas y ejecución multi-paso con código práctico.
Guía completa de técnicas de gestión del contexto en Claude Code
Aprende técnicas prácticas para maximizar la ventana de contexto de Claude Code. Optimización de tokens, división de conversaciones y uso de CLAUDE.md.
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.