Herramienta gratis

Generador de GitHub Actions

Workflows listos para pegar: CI con matriz de Node, deploy a Vercel o imagen Docker a GHCR con caché.

name: CI

on:
  push:
    branches: [main]
  pull_request:

jobs:
  build:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [20, 22]
    steps:
      - uses: actions/checkout@v4
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v4
        with:
          node-version: ${{ matrix.node-version }}
          cache: 'npm'
      - name: Install dependencies
        run: npm ci
      - name: Lint
        run: npm run lint --if-present
      - name: Type check
        run: tsc --noEmit --if-present
      - name: Build
        run: npm run build --if-present

Hecho por

Miguel Ángel Colorado Marin (MACM)

Full-Stack Developer · Guadalajara, España

Desarrollo aplicaciones web, herramientas digitales y proyectos completos — desde el diseño hasta el despliegue.

Contáctame

Un workflow de GitHub Actions automatiza lo que haces cada vez que terminas un cambio: instalar dependencias, pasar el linter, compilar y desplegar. Escribirlo a mano implica conocer la sintaxis exacta de triggers, matrices y los action references oficiales (actions/checkout@v4, setup-node@v4...). Este generador produce tres de los workflows más usados ya actualizados a las últimas versiones estables de cada action: CI clásico con matriz de Node y caché del gestor de paquetes, despliegue a producción de Vercel usando la CLI oficial, y construcción de imagen Docker publicada en GitHub Container Registry con etiquetas semiautomáticas y caché de capa. Elige plantilla, gestor de paquetes y disparadores; copia el YAML.

Características

  • CI Node.js con matriz de versiones y caché
  • Deploy a Vercel con vercel pull/build/deploy
  • Build + push a GitHub Container Registry
  • Disparadores: push, PR y manual
  • YAML listo para .github/workflows/

¿Cómo generar un workflow de GitHub Actions?

  1. 1

    Elige la plantilla

    CI de Node, deploy a Vercel o imagen Docker a GHCR.

  2. 2

    Configura opciones

    Gestor de paquetes, versiones de Node y disparadores.

  3. 3

    Crea el fichero en tu repo

    .github/workflows/ci.yml con el contenido copiado.

  4. 4

    Revisa los secrets

    Vercel necesita VERCEL_TOKEN; GHCR usa GITHUB_TOKEN automático.

Preguntas frecuentes

¿Dónde se colocan los workflows?

Siempre en .github/workflows/ dentro de tu repositorio, con extensión .yml. El nombre del archivo no importa funcionalmente, pero aparece en la pestaña Actions.

¿Qué secret necesito para desplegar en Vercel?

Un token personal creado en vercel.com/account/tokens, guardado como VERCEL_TOKEN en Settings > Secrets and variables > Actions de tu repositorio.

¿Se genera todo en mi navegador?

Sí, el YAML se compone localmente a partir de tus opciones.

Herramientas relacionadas

Incrusta Generador de GitHub Actions en tu web

Integra Generador de GitHub Actions en cualquier página web con un simple iframe. Gratis, con atribución a miguelacm.es.

<iframe
  src="https://miguelacm.es/embed/github-actions-generator"
  width="100%"
  height="700"
  frameborder="0"
  title="Generador de GitHub Actions — miguelacm.es"
></iframe>
Ver embed en nueva pestaña →