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)
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.
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
Elige la plantilla
CI de Node, deploy a Vercel o imagen Docker a GHCR.
- 2
Configura opciones
Gestor de paquetes, versiones de Node y disparadores.
- 3
Crea el fichero en tu repo
.github/workflows/ci.yml con el contenido copiado.
- 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 →