12 herramientas top para arrancar potente en Septiembre
Selección personal de recursos probados (casi todos) para empezar a tope de energía el nuevo curso.
Mañana arranca un nuevo mes, ese que para muchos de nosotros tiene el olor de los cuadernos nuevos, el reencuentro con los compas de clase y el fin de las vacaciones.
Tiempo para nuevos retos, nuevos aprendizajes y, quizás, una nueva vida.
🧡 Gracias por estar ahí en esta nueva temporada.
ㅤ
La semana que viene te haré una oferta irresistible.
En este mes largo de desconexión mi cuaderno de notas donde escribo a mano (sí, esa reliquia) ha sufrido el impacto de varias ideas que nacieron entre la brisa del mal y el triste sofoco del fuego.
Quiero retomar el fin con el que nació Web Reactiva en 2017: hacer para aprender y contarlo.
En su día lo llamé “mentalidad constructora” pero entre tanto like, campaña y nuevas IA lo olvidé. Por completo. Hasta hoy. Te cuento más el próximo domingo ;)
ㅤ
Soy Dani de Web Reactiva y en esta newsletter encontrarás 12 recursos seleccionados para todos los públicos, muchos de ellos probados de cerca. Si vas con prisa busca: 2️⃣, 6️⃣, 8️⃣ y 🔟
Si encuentras el 🟢 es que utilizo esa herramienta a menudo.
Un 🌕 te indica que soy menos fiel, pero la conozco.
Y el 🔴 es que la tengo ganas, pero todavía no.
Haz scroll y encontrarás alguna sorpresa :)
ㅤ
1️⃣ Activa el modo estudio en cualquier chatbot
🏷️ IA / Aprendizaje
ChatGPT tiene un modo "Estudiar y aprender" que es una conversación un pelín diferente a lo habitual. Estamos acostumbrados a que los chatbots nos resuelvan todo de forma directa.
👉 Con este prompt de sistema consigues en cualquier IA (DeepSeek, Gemini, Claude..) que se comporte como un maestro que te guía pero no te hace los deberes.
🟢 Lo he probado varias veces para romper la pereza cognitiva
👍 Te obliga a pensar un poquito
👎 Es demasiado preguntón, a veces necesitas apretarle para que avance
ㅤ
2️⃣ El mejor asistente de programación: Claude Code
🏷️ IA / Desarrollo
Ha sido el gran descubrimiento de los últimos meses. Ya no es solo porque el modelo Claude Sonnet 4 siga siendo el mejor para programar, sino porque está en la terminal.
Se hace un poco raro al principio, pero luego descubres que es más rápido y amigable que Github Copilot.
Una grandísima ventaja es que puedes seguir incorporando elementos a la conversación mientras trabaja. Si detectas un error o ves que va por un camino que no quieres, puedes agregar un “oye, esto mejor así” y en un momento corrige el rumbo.
🟢 Lo uso diariamente, ha cambiado mi flujo de trabajo
🔀 Codex CLI o Gemini CLI (este último gratuito)
👍 Permite introducir hooks y crear agentes especializados.
👎 Tienes que pagar la suscripción a Claude (20$/mes) o tirar de API.
Haré una comparativa de estos asistentes IA en terminal en el próximo envío de Esperando a Eskainet, suscríbete gratis para no perdértelo.
ㅤ
3️⃣ Una nueva forma de navegar: Dia Browser
🏷️ IA / Navegación
Ha ocurrido lo impensable: Google está perdiendo tráfico. Poco, pero nos estamos acostumbrando a resolver problemas con los modelos de lenguaje. La navegación por internet está cambiando.
Con DIA Browser la IA se integra en la navegación. Arrancas en el chat y puedes ir a una página, preguntar algo a lo gepeto. Puedes consultar sobre varias tabs abiertas (que se añaden como contexto) o pedirle que participe completando los textos activos en pantalla (también en Gmail).
🌕 Está en Early Access, lo he probado pero no lo uso intensivamente
🔀 Browser OS (alternativa open source multiplataforma)
👍 Integración natural de IA en la navegación web
👎 Solo para Mac y estoy incómodo con que me cambien las cosas así sin preguntar, ¡Eskainet para quieta ya!
ㅤ
4️⃣ Crea presentaciones de diapositivas con markdown: sli.dev
🏷️ Presentaciones / Desarrollo
Te permite hacer presentaciones de diapositivas con Markdown y generar una presentación en HTML, PDF o incluso PowerPoint.
Puedes controlar estilos, fondos, tamaño de las slides... a través de CSS y Markdown.
💡 Imagínate generando la presentación con IA generativa (guiño-guiño, codazo-codazo).
🟢 Lo utilizo para crear las presentaciones que comparto en LinkedIn
🔀 Marp (alternativa similar)
👍 Control total sobre el diseño usando tecnologías web
👎 Menos recursos visuales que herramientas específicas de presentaciones
ㅤ
5️⃣ Publica contenido multicanal gratis: Substack
Si estás pensando en publicar lo que sabes hacer, lo que estás aprendiendo, y no te quieres montar un blog porque puedes caer en la trampa de "necesito levantar tres servidores"... en Substack lo tienes todo.
Han apostado porque los creadores tengan la capacidad de crear contenido extenso, no solo bailoteos y palabras gordas. Es para los que queremos presentar nuestro contenido de forma más relajada, con vídeo, audio, imágenes, de forma gratuita.
🟢 Esta newsletter la publico aquí, conozco bien sus pros y contras ;)
👍 Todo integrado: texto, audio y vídeo
👎 Como buen aspirante a red social, quieren atraparte en su app
ㅤ
ㅤ
Un momento…
¿Cómo puedes lograr una imagen como esta?
Entra en AIStudio de Google (gratis con tu cuenta de Gmail)
Selecciona el modelo “Nano Banana” en la barra lateral
Sube una imagen tuya, da igual el fondo
Escribe un prompt parecido a este: “Toma esta imagen. Cambia el fondo por un calendario con el mes de Septiembre a tope de enería”
Lanza el “Run” y ¡boom! 💥
Nota: En la foto original tengo un micrófono que tapa gran parte de “Web Reactiva” en la sudadera. Nano Banana fue capaz de reconstruirlo. Con lo que no pudo fue con usar el mes de Septiembre correcto.
ㅤ
ㅤㅤ
6️⃣ Nunca fue tan fácil gestionar tu propio hosting: Coolify
🏷️ Hosting / DevOps
Yo no soy muy fan del self-hosting, me gusta que sea más cómodo. Pero Coolify te permite gestionar tu propio hosting con un servidor muy baratito.
A partir de ahí puedes instalar todo tipo de servicios y aplicaciones. Te recomiendo que vayas a la lista de servicios porque vas a descubrir un montón de aplicaciones open source que no conoces.
Prácticamente todo es con un clic en la instalación, así que no hay que meterse en mucha faena.
🟢 Tengo 3-4 aplicaciones funcionando sin problemas
👍 Instalación de aplicaciones con un clic, muy fácil de usar
👎 Si no sabes lo que haces, pueden quedar lagunas de seguridad
ㅤ
7️⃣ Autenticación como navaja suiza: BetterAuth
🏷️ Backend
Es el pegamento para que en una aplicación basada en TypeScript/JavaScript puedas tener la base de datos y el sistema de autenticación conectados.
Se integra con bases de datos diferentes: SQL, SQLite, incluso Mongo. Tienes OAuth, login social y todo bien documentado. Incluso tienes verificación por email y todo está pensado.
🌕 Lo he usado en un reto reciente con Astro
👍 Solución completa de autenticación con buen diseño de API
👎 Requiere trabajárselo un pelín, no es todo "un clic"
ㅤ
8️⃣ Bases de datos en la nube: Turso
🏷️ Base de datos / Backend
Hay un problema en los proyectos full stack: ¿dónde pongo la persistencia? Solemos tender a herramientas que nos ofrecen más que eso (Supabase, Firebase), pero a veces solo necesitas guardar datos. Y punto.
Turso te deja tener un montón de bases de datos SQLite gratuitas. El acceso es sencillo, tienes su línea de comandos, te conectas con la URL y un token.
🟢 Me está gustando mucho, no le he visto las costuras todavía
👍 100 bases de datos con 5GB total por 0 euros, muy generoso
👎 Menos potencia que PostgreSQL o MySQL para proyectos grandes (creo)
ㅤ
9️⃣ Backend-as-a-Service de código abierto y vibe coding eficiente: Convex
🏷️ Backend / Full Stack
Es una plataforma que te ofrece todo tipo de servicios backend: autenticación, funciones del servidor, búsqueda vectorial, trabajos de cron, almacén de ficheros, caché, base de datos... integraciones con muchos frameworks.
Aunque sea open source, la versión cloud es de pago, pero tiene una parte gratuita con 20 proyectos de límite.
💡 He llegado a ella con Chef by Convex, que es la única herramienta que cuando le pides algo full stack a través de IA en Vibe Coding, te lo genera a la primera y funciona.
🔴 No la he probado en profundidad pero tengo ganas
👍 Chef by Convex genera código full stack funcional a la primera
👎 Posibles limitaciones ocultas en el plan gratuito como en Supabase
ㅤ
ㅤ
~~~~~~~~~~~~
Si te está gustado esta selección de herramientas cuéntaselo al algoritmo pulsando el “Me gusta” 🧡
~~~~~~~~~~~~
ㅤ
ㅤㅤ
🔟 Engancha plataformas, crea agentes y domina el mundo: n8n
🏷️ Automatización / No-code
Todo el mundo habla maravillas de esta herramienta no-code que dicen sustituye a la programación. Integra múltiples fuentes y destinos en modo visual. Por supuesto también con IA.
El peligro es que es tan popular que es fácil caer embrujado. También conozco Make y sé que hay cosas que salen mejor programando.
🔴 Mucho vídeo de YouTube, pero sin poner manos sobre el teclado todavía.
👍 Capacidad de crear agentes complejos de IA con plantillas
👎 Requiere mucho ensayo y error hasta que las cosas funcionan bien
ㅤ
1️⃣1️⃣ Motor de búsqueda rápido: MeiliSearch
🏷️ Búsqueda / Backend
No es para todos los públicos, pero en muchas webs nos encontramos buscadores súper rápidos. Por ejemplo, la documentación de herramientas de software usa Algolia, pero MeiliSearch es open source.
Ha incorporado la IA en su búsqueda, que me parece muy interesante. No solo buscar por palabras clave, sino búsquedas vectoriales híbridas donde la IA busca en base a tu petición sobre el conjunto de datos.
🟢 Lo he usado en proyectos, prefiero esto a Apache Solr
🔀 Algolia, Elasticsearch
👍 Búsqueda híbrida con IA y vectorial, muy potente
👎 Es muy técnica
ㅤ
1️⃣2️⃣ Olvídate de ESlint y Prettier, este es más fácil: Biome
🏷️ Linting / Desarrollo
Odio profundamente la combinación ESLint y Prettier. Me parece complicada, necesita demasiada configuración para salir adelante.
Biome me da la solución: tanto el linter como el formateo como ciertos controles de análisis estático pasan por una sola herramienta.
Tienes 349 reglas para JavaScript, TypeScript, JSX, CSS, JSON y GraphQL. Con un par de comandos lo tienes hecho, tanto para formatear como para chequear.
🌕 Lo llevo usando poco tiempo pero estoy muy contento
👍 Una sola herramienta para linting y formateo, configuración simple
👎 Quizás hay cosas específicas que otras herramientas hacen mejor
ㅤ
Y una listado como este nunca puede acabar sin una extra:
⭐️ MCP: Conecta la IA al mundo real
Son las siglas de Model Context Protocol es el protocolo abierto creado por Anthropic que permite que los modelos se conecten con el mundo real: operaciones matemáticas exactas, archivos locales, APIs, bases de datos...
🟢 Empieza a estar presente en cada día de mi vida…
👉 Aprende lo que son leyendo Descubre MCP y cómo conectar el mundo real con la IA
ㅤ
Esta mentalidad constructora de la que hablo al principio no es solo sobre usar las herramientas correctas.
Es sobre quitarse el miedo a probar cosas nuevas, a que fallen, a que no funcionen a la primera.
Porque al final, cada herramienta que pruebas te da una perspectiva diferente de cómo resolver problemas.
Y eso, en esta profesión nuestra, vale más que cualquier framework de moda.
ㅤ
¿Cuál de estas herramientas has probado?
¿Odias alguna y me atreví a recomendarla?Me interesa saber qué opinas. Te leo en comentarios 💬
ㅤ
El recurso más popular de la última edición de Web Reactiva fue…
🚀 6 principios diarios de un desarrollador de software
ㅤ
PD: Tus vacaciones son de “mentira” si no llegas a una barbacoa con sauna en el mismo Polo Norte a bordo de un rompehielos nuclear ruso. True story.
#368
ㅤㅤㅤ
Y para acabar, si algún día necesitas mi ayuda…
¿Dudas con tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas? ¿Quieres convertirte en creador de contenido para devs?
Te alquilo mi cerebro durante 50 minuts para que te lleves una hoja de ruta personalizada y cargada de dinamita de la buena.
— Reserva una sesión de Consultoría 1 a 1 conmigo
ㅤ
¿No encuentras la motivación para seguir programando? ¿El camino del developer es demasiado solitario? ¿Quieres saber cómo piensa la gente que programa?
La ruta del aprendizaje es un trabajo continuo y el método en la comunidad malandriner es bien sencillo: Poner las manos sobre el teclado
— Únete a la comunidad en Web Reactiva Premium
Muy interesante, hay muchas que no conocía!
Hay alguna automatización con n8n que te ahorre mucho tiempo? Yo me hice una rápido para marcar algunos emails de las newsletters que sigo
Typesense es muy potente tambien en lugar de MeiliSearch y como alternativa Algolia, tiene sus cosillas cuando le metes muchos datos pero es muy muy bueno