00:00:00La mayoría de los desarrolladores están sobre-diseñando herramientas internas y, seamos sinceros, todos lo sabemos.
00:00:04Inicias React, conectas APIs, construyes la autenticación y gestionas el estado solo para lanzar un tablero que es básicamente
00:00:10formularios y tablas. Esto es AppSmith, una herramienta de código abierto con más de 39,000 estrellas que puede
00:00:16reemplazar la mayor parte de eso en solo minutos. Piénsalo como la alternativa de código abierto a Bubble,
00:00:21y te mostraré cómo funciona en solo unos minutos.
00:00:29Ahora, AppSmith no es nuevo, pero todavía no se habla de él tan a menudo como se debería.
00:00:34No está diseñado para páginas de destino o apps de clientes, solo para herramientas internas. Tenemos una interfaz de arrastrar y
00:00:41soltar, pero con JavaScript completo para que nunca te quedes atascado. Conectas bases de datos, APIs, herramientas SaaS,
00:00:47y sigues usando Git como un desarrollador normal. Aquí no hay dependencia del proveedor y podemos auto-alojarlo
00:00:54totalmente gratis, además de tener usuarios ilimitados. Entonces la verdadera pregunta es: ¿realmente ahorra tiempo?
00:01:00Déjame mostrarte. Si disfrutas de las herramientas de código abierto y los consejos de programación como este,
00:01:04asegúrate de suscribirte. Publicamos videos todo el tiempo. Ahora, una vez que inicies AppSmith,
00:01:10crearás una cuenta rápida, súper simple. Luego, en tu tablero, puedes comenzar una nueva app con un
00:01:15lienzo en blanco. Como esto no es un tutorial completo, simplemente elegiré la base de datos Postgres
00:01:21preestablecida, pero puedes ver aquí todas las opciones que realmente tenemos para integrar en esto,
00:01:26lo cual es genial. Una vez que tengo la base de datos vinculada, en mi caso Postgres, ya terminamos.
00:01:32En la base de datos, hay un montón de tablas con las que puedes jugar, pero voy a elegir
00:01:36la tabla de empleados, ya que tiene algunos usuarios ficticios. Ahora, arrastraré una tabla,
00:01:42elegiré conectar con la tabla correcta de la base de datos. Se rellena al instante, y luego puedo
00:01:47añadir un formulario de entrada y un botón de envío. Puedes ver cómo todo esto es arrastrar y listo,
00:01:52y luego en la barra lateral, incluso puedo vincular consultas e incluso JavaScript en ella.
00:01:55Ya vinculé los datos a la tabla, pero aquí puedo crear una consulta con el campo de entrada para buscar
00:02:01a un usuario en nuestra base de datos. Así de fácil, está hecho. Añado un activador al botón para actualizar, quizás
00:02:07una notificación toast, hago clic en desplegar, y eso es una app CRUD funcional. Digo, de acuerdo, es súper básico
00:02:12ya que estoy repasando esto en un par de minutos, pero sé que puedes ver la verdadera versatilidad detrás
00:02:17de todo esto y lo rápido que sería también en un flujo de trabajo. Sin configurar React, sin capa de API, sin autenticación.
00:02:23Esto tomó tal vez un minuto, ¿o dos? Y aún tienes el control total con JavaScript,
00:02:28temas y Git. Así que sí, es gratis, es rápido, no hay que pagar por Bubble ni nada parecido.
00:02:34Esta es una gran herramienta para montar algo rápido. AppSmith es básicamente la interfaz a un lado, los datos al otro,
00:02:40y JavaScript para conectarlo todo. Los widgets manejan tu interfaz, las fuentes de datos conectan con bases de datos,
00:02:46APIs, incluso LLMs, y las consultas son solo SQL, REST o JavaScript. Y la idea clave es que JavaScript
00:02:54está en todas partes. La mayoría de las herramientas de bajo código te ocultan la lógica, y esta la expone. Por eso
00:03:00los desarrolladores están cambiando. Git funciona como esperas: ramas, fusiones, CI/CD, no hay nada raro,
00:03:06y puedes auto-alojarlo con Docker o Kubernetes. Así controlas tus datos y tus costos. Puedes
00:03:12construir componentes personalizados con React o JavaScript puro, y está listo para producción con
00:03:18RBAC, registros de auditoría y SSO integrados. Dicho todo esto, obviamente hay IA,
00:03:23pero lo importante es que genera código que realmente puedes editar. Así que suena perfecto, quizás,
00:03:30pero no lo es, ¿vale? Si bien es bueno para ahorrar tiempo ya que podemos lanzar más rápido, y honestamente,
00:03:36después de usarlo, eso se siente bastante acertado. Es de hecho código abierto, por lo que no estás atado
00:03:42a un modelo de precios. No nos quedamos atascados porque siempre podemos meter JavaScript,
00:03:47y si lo auto-alojas, es gratis con usuarios ilimitados. Pero por otro lado, con el tiempo o la escala,
00:03:52esto puede romperse y de hecho se rompe. Si intentas renderizar conjuntos de datos masivos en el cliente,
00:03:58puede ralentizarse, así que querrás paginación del lado del servidor. Los diseños móviles no son automáticos.
00:04:04Tendrás que ajustarlos manualmente. Y si vienes de la gestión de estados sin código,
00:04:08esto puede resultar muy confuso al principio. Y la interfaz está un poco por detrás de herramientas como Retool si quieres
00:04:14tableros elegantes. Nada de esto importa demasiado en realidad, pero importan según tu caso de uso.
00:04:20Entonces, ¿dónde encaja esto realmente? La verdadera comparación es Retool frente a AppSmith. Retool
00:04:26es más refinado y tiene funciones más potentes, pero es caro y de código cerrado. AppSmith es
00:04:32menos refinado. Es de código abierto, ¿verdad? Pero eres dueño de todo. El costo es cero si lo auto-alojas.
00:04:39Bubble y Webflow no son realmente comparables ya que son apps más orientadas al cliente,
00:04:44pero hacen muchas cosas geniales que son similares. Tooljet está más cerca, pero AppSmith
00:04:49sigue destacando con una integración de Git más fuerte. Así que si tu objetivo es lanzar herramientas internas rápido,
00:04:55AppSmith suele ser una mejor opción. Si disfrutas de las herramientas de código abierto y los consejos de programación,
00:05:00asegúrate de suscribirte al canal de BetterStack. Nos vemos en otro video.