n8n + Next.js: Automatiza Workflows con IA

n8n es la herramienta de automatizacion que mas crecio en LATAM en 2025. Aparecio en los cursos mas tomados de Platzi, y tiene sentido: es open source, visual, y te permite conectar tu app con cualquier servicio sin escribir integraciones a mano.

La idea es simple: tu app Next.js dispara un webhook, n8n recibe la data, la procesa (incluyendo IA si quieres), y ejecuta acciones. Enviar emails, actualizar una base de datos, postear en Slack, generar reportes -- todo automatico.

Levantar n8n con Docker

La forma mas rapida de tener n8n corriendo localmente:

# docker-compose.yml
services:
  n8n:
    image: n8nio/n8n
    ports:
      - "5678:5678"
    environment:
      - N8N_BASIC_AUTH_ACTIVE=true
      - N8N_BASIC_AUTH_USER=admin
      - N8N_BASIC_AUTH_PASSWORD=admin
    volumes:
      - n8n_data:/home/node/.n8n
 
volumes:
  n8n_data:

docker compose up -d

Abre http://localhost:5678 y ya tienes n8n corriendo. Si necesitas ayuda con Docker, revisa la guia de Docker para Next.js.

Crear un webhook en n8n

El patron basico es: tu app envia data a n8n via webhook, n8n la procesa.

En n8n:

1. Crea un nuevo workflow
2. Agrega un nodo Webhook
3. Configuralo como POST
4. Copia la URL que genera (algo como http://localhost:5678/webhook/abc123)

Ese nodo queda escuchando. Cada vez que reciba un POST, dispara el resto del workflow.

Disparar el workflow desde Next.js

Desde tu app, un simple fetch al webhook:

// app/api/automatizar/route.ts
import { NextResponse } from "next/server";
 
const N8N_WEBHOOK_URL = process.env.N8N_WEBHOOK_URL!;
 
export async function POST(request: Request) {
  const body = await request.json();
 
  // Disparar workflow en n8n
  const response = await fetch(N8N_WEBHOOK_URL, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      evento: body.evento,
      datos: body.datos,
      timestamp: new Date().toISOString(),
    }),
  });
 
  const resultado = await response.json();
  return NextResponse.json({ ok: true, resultado });
}

Guarda la URL del webhook en tus variables de entorno, nunca hardcodeada. Revisa la guia de variables de entorno en Next.js para el setup completo.

Ejemplo: Procesar con IA y notificar

Un workflow comun: tu app recibe feedback de usuarios, un LLM lo clasifica, y n8n envia una notificacion al canal correcto.

El workflow en n8n seria:

1. Webhook -- recibe el feedback desde tu app
2. OpenAI -- clasifica el texto (bug, feature request, queja, elogio)
3. IF -- segun la clasificacion, toma una ruta
4. Slack -- envia al canal correcto (#bugs, #features, #general)

La configuracion del nodo OpenAI en n8n:

Modelo: gpt-4o-mini
Prompt: "Clasifica este feedback de usuario en una de estas categorias:
bug, feature_request, queja, elogio. Responde SOLO con la categoria.
 
Feedback: {{ $json.datos.mensaje }}"

Desde tu app, el trigger es simple:

// Cuando el usuario envia feedback
await fetch("/api/automatizar", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    evento: "feedback",
    datos: {
      usuario: user.email,
      mensaje: feedbackText,
    },
  }),
});

Tu app solo dispara el evento. n8n se encarga del resto.

Workflows utiles para devs

Algunos workflows que puedes armar en minutos:

Self-hosted vs Cloud

n8n Community (Docker): gratis, sin limites de ejecuciones, control total. Lo corres junto a tu app en el mismo servidor o VPS.

n8n Cloud: plan gratuito con ejecuciones limitadas. Planes de pago desde $20/mes. No tienes que mantener infraestructura.

Para desarrollo y proyectos personales, Docker es la opcion obvia. Para equipos que no quieren mantener servidores, Cloud simplifica todo.

Siguiente paso

Si quieres ir mas alla de webhooks simples y construir un chatbot completo con IA, revisa la guia de Vercel AI SDK para agentes con TypeScript. Y si tu workflow necesita conectarse a una base de datos, la guia de PostgreSQL para devs TypeScript cubre el setup.