Recurso del reel «Hazlo profesional con esto» · 19 sep 2026
Las doce herramientas del video, en el orden en que se arman y con la señal que te dice cuándo toca cada una. La idea no es instalarlas todas hoy: es saber cuál sigue.
El stack completo
Van en el orden del video: de la idea a lo que pasa cuando ya está en línea. Cada una lleva su logo oficial, el mismo que viste en pantalla.
Antes de instalar nada
Cada una de estas doce resuelve algo concreto. Si todavía no tienes ese problema —nadie te ha pedido pagar, nadie más ha entrado— instalarla sólo te quita tiempo y te da una cuenta más que administrar.
GitHub avisa a Vercel, Vercel lee Supabase, Stripe le manda eventos a n8n. Cuando las piezas ya se conectan de fábrica, no tienes que escribir el pegamento… ni mantenerlo.
Pedirle «conéctame Supabase con mi app» funciona muy bien. Pedirle «¿qué me falta?» te va a dar una lista genérica: el modelo no sabe en qué punto está tu proyecto ni cuánta gente lo usa.
El orden
Nadie monta este stack en un día. Se arma por capas, y cada capa se abre cuando pasa algo concreto.
Claude Code, GitHub y Supabase. Lo que escribe la IA, guardado con historial y con un lugar donde tus datos sobrevivan a cerrar la pestaña.
Vercel o Railway según lo que tengas, y Cloudflare para el dominio. Aquí tu proyecto deja de vivir en tu computadora y empieza a tener una dirección propia.
Una por una
Un chat donde ordenas el proyecto antes de escribirlo: qué hace, para quién, y —sobre todo— qué no va a hacer.
Si no puedes explicar tu app en tres frases, todavía no es hora de abrir el editor. Pídele que te haga preguntas hasta que las tres frases salgan solas.
Sitio oficial: claude.ai
El plano de las pantallas. Dibujas cómo se ve y la IA construye con algo que copiar en lugar de inventar.
Cuando lleves tres vueltas seguidas pidiendo «ahora muévelo a la derecha». Un dibujo de dos minutos termina esa conversación.
Sitio oficial: figma.com
Claude dentro de tu terminal: lee el proyecto completo, edita los archivos y corre los comandos él mismo.
La segunda vez que copies y pegues código de un chat. En el chat el modelo adivina tu proyecto; en la terminal lo tiene enfrente.
Sitio oficial: anthropic.com/claude-code
El respaldo con historial: cada cambio guardado con fecha y motivo, y la posibilidad de volver al punto en que todo funcionaba.
El día que algo funcionaba ayer y hoy no, y no sabes qué tocaste. Con historial es un comando; sin historial es volver a empezar.
Sitio oficial: github.com
Una base de datos Postgres con login y archivos incluidos, lista en un par de clics y con panel para ver las tablas.
Cuando tu app tenga que recordar algo después de cerrar la pestaña: usuarios, pedidos, mensajes.
Sitio oficial: supabase.com
Publica tu sitio o app: conectas el repo de GitHub y cada cambio que subes queda en línea, con su propia dirección.
Cuando quieras enseñárselo a alguien que no está frente a tu computadora. Mandar un link vale más que describirlo.
Sitio oficial: vercel.com
Para lo que tiene que estar siempre encendido: un backend, un bot, un proceso que corre solo, una base que no quieres administrar.
Cuando tu proyecto deja de ser sólo una página: ya tiene algo corriendo del otro lado.
Sitio oficial: railway.com
Tu dominio, su DNS y una capa delante que reparte el sitio rápido en todo el mundo y filtra el tráfico raro.
Cuando el proyecto ya merece un nombre propio en vez de una URL con guiones y números.
Sitio oficial: cloudflare.com
Cobros y suscripciones sin que los datos de las tarjetas pasen por tu código: te da el formulario, los recibos y el panel.
La primera vez que alguien te pregunte cómo te paga. Antes de eso, cobrar por transferencia también es válido.
Sitio oficial: stripe.com
Un lienzo donde conectas tus apps: cuando pase algo en una, que ocurra algo en la otra. Sin escribir el pegamento.
Cuando te descubras copiando datos de una pestaña a otra todos los días. Ese trabajo es un flujo de cinco nodos.
Sitio oficial: n8n.io
Te avisa cuando tu app truena con alguien más: qué error fue, en qué línea y a cuánta gente le pasó.
El día que un usuario te escriba «no me funciona» y no tengas forma de saber qué vio.
Sitio oficial: sentry.io
Analítica web simple y sin cookies: cuánta gente entra, de dónde llega y qué botones toca. Puedes usar su nube o montarla tú.
Cuando tengas que decidir qué construir después. Sin números, esa decisión es una corazonada.
Sitio oficial: umami.is
Cópialo tal cual
Pégalo en Claude Code —o en el chat, con tu proyecto adjunto— antes de enseñarle tu app a alguien. Le pide un diagnóstico, no cambios: así lees la lista y tú decides qué sí.
Revisa este proyecto completo y NO cambies nada todavía. Dime: 1. Qué llaves, contraseñas o tokens están escritos dentro del código. 2. Qué se rompe si mañana entran 100 personas al mismo tiempo. 3. Qué pasa si alguien manda datos raros o vacíos en cada formulario. 4. Si un usuario puede ver o editar datos de otro usuario. 5. Qué falta para publicarlo: variables de entorno, build, dominio. Devuélveme una lista ordenada por riesgo. Para cada punto: el archivo y la línea, qué puede pasar en la vida real, y la solución más simple que lo resuelva. Si algo ya está bien resuelto, dilo en una línea y sigue.
Cuando tengas la lista, arregla de arriba hacia abajo y pídele un punto a la vez. Pedir «arregla todo» es como recibir un proyecto nuevo.
La lista corta
Van en variables de entorno, y el archivo que las guarda nunca se sube al repo. Si ya se subió, no basta con borrarlo: hay que revocar la llave y crear otra.
Público es una decisión, no el estado por defecto. Revísalo en GitHub antes de invitar a nadie.
Abre una ventana privada y regístrate como si fueras un desconocido. La mitad de los errores de login aparecen justo ahí.
Crea dos cuentas y prueba con las dos abiertas. Es el error más común de las apps hechas con IA: la pantalla revisa que haya sesión, pero no de quién es el dato.
HTTPS y tu dominio apuntando a donde debe (Cloudflare). Un candado roto ahuyenta más gente que un diseño feo.
Ponle límite de gasto a cada servicio que cobra por uso —empezando por las llaves de IA— y una alerta al correo.
Sentry conectado y probado: revienta algo a propósito y comprueba que te llegó el aviso.
La IA ya escribe el código y tú ya sabes qué quieres construir. Esto sólo es la infraestructura que hace que lo que construiste aguante a la primera persona que no seas tú. Empieza por la capa que te toca hoy y deja las otras tres para cuando duelan.
Sigue aprendiendo
Finanzas & IA · 23 sep 2026Concilia tu estado de cuenta con IA y 10 prompts más para tu negocio
Kit por giro · 22 sep 2026El kit de IA de tu negocio: 18 giros y con qué arrancar en cada uno
Pricing · 20 sep 2026El prompt para saber qué servicio estás regalando¿Lo quieres funcionando en tu negocio sin armarlo tú?
Escríbenos