Programa
Fundamentos de la IA
0 min
Bolt.new es una nueva herramienta de IA que convierte texto en aplicaciones. Al igual que Lovable, permite a los usuarios crear aplicaciones utilizando únicamente indicaciones. En este tutorial, te guiaré a través de la herramienta y trataremos de crear una aplicación de entrenamiento para el gimnasio con ella.
Si deseas obtener más información sobre este tipo de herramientas, te recomiendo que consultes nuestro tutorial Lovable.
¿Qué es Bolt.new?
Bolt.new es una herramienta de conversión de texto a aplicación que permite a los programadores crear al instante aplicaciones full-stack con marcos, bibliotecas e integraciones modernos ya configurados.
En lugar de empezar desde cero o pasar horas configurando plantillas de proyectos, puedes escribir un comando como «crear una página de destino SaaS con autenticación y pagos Stripe», y Bolt creará un proyecto funcional en cuestión de segundos.
La idea principal es reducir la distancia entre una idea y un producto en funcionamiento. Con Bolt.new, no es necesario que juntes manualmente las dependencias, el enrutamiento, la gestión de estados o las bibliotecas de estilos; la herramienta se encarga automáticamente de esas opciones. Está diseñado para seguir las mejores prácticas desde el primer momento, por lo que el código resultante está estructurado y listo para su producción, en lugar de ser un simple prototipo desechable.
Bolt.new te permite publicar un proyecto con un solo clic, haciéndolo accesible públicamente en la web. Sin embargo, en el momento de redactar este artículo, funciones importantes como la base de datos y la autenticación aún se encuentran en fase beta, lo que limita bastante su uso en aplicaciones reales.
Cómo empezar a utilizar Bolt.new
Para empezar, ve a su sitio web y crea una cuenta. Sin suscripción, tienes un límite de 1 millón de tokens al mes y un límite diario de 150 000 tokens.
Su nivel gratuito permite probarlo, pero no esperes poder realizar muchas iteraciones en la aplicación.
He intentado sortear el límite de tokens especificando todas las características con gran detalle en la indicación inicial, pero he descubierto que normalmente solo genera la idea principal de la aplicación, lo que requiere más iteraciones y, por lo tanto, más tokens.
Cómo crear una aplicación con Bolt.new: Aplicación de entrenamiento para gimnasios
Para probar Bold.new, vamos a intentar crear una aplicación de entrenamiento para gimnasios. La idea básica de esta aplicación es que planifique ejercicios para nosotros cada día y nos ayude a programar nuestro progreso. A continuación, crea planes basados en datos históricos.
Aquí está la indicación inicial que he utilizado:
Quiero crear una aplicación para hacer seguimiento del ejercicio físico en el gimnasio. Cada día debería darme una serie de ejercicios. Un ejercicio especifica una máquina, un peso y un número de repeticiones. La aplicación debería permitirme marcar, para cada ejercicio, cuántas repeticiones hice y si fue difícil, normal o fácil. A continuación, esos datos se utilizan para planificar los días siguientes.
Después de enviar la solicitud, se creó un proyecto React y se comenzó a implementar la funcionalidad básica. Proporciona una lista completa de todos los archivos generados en los registros:
Al cabo de un rato, la aplicación se puso en marcha. Así es como se veía en esta etapa:
Al crear una nueva sesión de entrenamiento, esto es lo que obtuve:
No era exactamente lo que tenía en mente, ya que cada ejercicio consistía en una sola serie, pero se acercaba bastante. Para ser justos, creo que mi indicación inicial no fue del todo clara al respecto. Aquí es donde entender la ingeniería de prompts resulta útil.
En términos de tokens, esta solicitud inicial ya ha consumido 97 000 del límite diario de 150 000. Esto demuestra que, con el plan gratuito, no podemos llevar nuestras ideas muy lejos.
Solicitar cambios en la aplicación
La idea principal detrás de estas herramientas de IA de texto a aplicación es que podemos dar vida a nuestras ideas sin saber programar, simplemente chateando con la IA y solicitando cambios.
Para poner eso codificación de vibraciones , pido que cada ejercicio se componga de varias series.
Bolt.new realizó cambios; sin embargo, cuando intentó volver a renderizar la aplicación, se produjo un error.
La interfaz detecta el error y ofrece la posibilidad de intentar solucionarlo automáticamente.
A veces puede identificar directamente el error y solucionarlo por sí mismo. Sin embargo, en este caso, los nuevos cambios trajeron consigo otros errores:
Tras varias rondas de corrección de errores, conseguimos una versión funcional, en la que cada sesión de entrenamiento tenía varios ejercicios, cada uno con varias series (número de repeticiones). Para cada serie, podemos llevar un programa del número de repeticiones que hemos hecho y luego podemos dar nuestra opinión sobre la dificultad que hemos percibido.
Los datos de retroalimentación deben utilizarse para planificar futuras sesiones. Quería chatear para pedirte detalles sobre cómo se utilizan estos datos, pero para entonces ya se me habían agotado los créditos del día.
Uno de los problemas que suelo encontrar al crear aplicaciones como esta es que tenemos poco control sobre lo que ocurre «bajo el capó». Podemos verlo experimentando y utilizando la aplicación, pero eso no siempre es suficiente para comprender completamente cómo se implementan las cosas.
Mirando el código Bolt.new
Si sabes programar, es posible comprender cómo funciona la aplicación mirando el código. A diferencia de Lovable, Bolt.new hace que sea muy fácil ver el código directamente en la interfaz web.
Al abrir el editor de código, podemos ver todos los archivos del proyecto, y al hacer clic en un archivo, este se abrirá en el editor de código, lo que permite ver cómo funciona y realizar cambios directamente en el navegador.
Allí vi un archivo llamado workoutGenerator.ts, cuyo nombre indica que contiene la lógica para generar nuevos entrenamientos.
Como no tenía créditos, copié y pegué el código en chatGPT y le pedí que me lo explicaras. A continuación, se resume cómo funciona:
La aplicación crea un nuevo entrenamiento para ti cada día basándose en lo que ya has hecho. Lleva un programa del número de entrenamientos que has completado y alterna entre diferentes tipos, como parte superior del cuerpo, parte inferior del cuerpo o cuerpo completo, para que tus músculos obtengan una rutina equilibrada a lo largo del tiempo. Para cada tipo de entrenamiento, selecciona aleatoriamente una serie de ejercicios que se adaptan a los grupos musculares adecuados, para que no siempre realices los mismos movimientos.
También presta atención a tu rendimiento en entrenamientos anteriores. Si un ejercicio te ha resultado fácil y lo has realizado con éxito en numerosas ocasiones, se aumentará ligeramente el peso o se añadirán más repeticiones para que sigas teniendo un reto. Si un ejercicio es demasiado difícil, se reducirá el peso para que sea más factible. De esta manera, el entrenamiento se adapta a tu progreso y te ayuda a mejorar al ritmo adecuado sin exagerar. Me parece razonable, especialmente para una primera versión del producto.
Publicación de la aplicación Bolt.new
Para publicar la aplicación, simplemente haz clic en el botón «Publicar» situado en la esquina superior derecha.
Una vez publicada, recibimos una URL en el chat donde podemos abrir la aplicación.
Podemos utilizarlo en el navegador y compartirlo con otras personas. También podemos instalarlo en el teléfono. Pero como se trata de una aplicación web, no la instalamos a través de la tienda de aplicaciones, sino desde el navegador, de la siguiente manera:
- Abre el enlace en el teléfono.
- Haz clic en el menú de opciones del navegador.
- Haz clic en la opción «Añadir a la pantalla de inicio».
Desafortunadamente, Bolt.new no convirtió la aplicación en una aplicación web progresiva (PWA) lista para usar. Esto significa que cuando lo instalamos en el teléfono móvil, tal y como acabamos de explicar, simplemente crea un enlace en la pantalla de inicio, por lo que la experiencia no difiere mucho de utilizarlo en el navegador.
Pedí que convirtieras la aplicación en una PWA para que se comportara como una aplicación nativa, pero no salió muy bien. Bolt.new comenzó bien generando los archivos necesarios, pero uno de los requisitos para una PWA es tener logotipos de imagen. Desafortunadamente, el intento de Bolt.new de generarlos escribiendo los bytes de la imagen no solo probablemente generó imágenes sin sentido, sino que también consumió todos los tokens.
Configuración de un dominio personalizado
La URL que obtuvimos para la aplicación se generó automáticamente, por lo que no es ideal para la producción. Para un producto real, tendríamos que comprar y configurar nuestro propio dominio. Esto se puede hacer en la página «Dominios y alojamiento» en la configuración del proyecto.
La versión actual de la aplicación no almacena datos en una base de datos. Por lo tanto, si abrimos la aplicación en tu ordenador y luego en tu teléfono, no verás los mismos datos. Los datos se almacenan localmente en el dispositivo, por lo que, si utilizas el mismo dispositivo, los datos se guardarán localmente. Por eso, si actualizamos la aplicación, no perderemos el plan de entrenamiento actual ni los entrenamientos anteriores.
Esto está bien para un prototipo, pero no es adecuado en absoluto para un producto comercial. En este momento, la autenticación y las bases de datos aún se encuentran en fase beta. Puedes acceder a ellos registrándote en su beta privada.
Conclusión
Creo que Bolt.new es una herramienta estupenda para crear rápidamente un prototipo y validar una idea de producto. Sin embargo, la IA tiende a implementar funciones a nivel superficial, lo que significa que las aplicaciones sustanciales requieren una gran cantidad de iteraciones.
Incluso cuando se proporciona una indicación inicial detallada, el resultado solo roza la superficie de la especificación completa, y los límites de tokens del nivel gratuito hacen que sea casi imposible crear algo significativo sin una suscripción.
Además, dado que servicios esenciales como la autenticación y el soporte de bases de datos aún se encuentran en fase beta, recomendaría esperar a que se lancen por completo antes de intentar crear una aplicación lista para su uso en producción.
En general, Bolt.new funciona de manera muy similar a sus competidores, pero su característica más destacada es la posibilidad de ver y editar el código fuente directamente desde la interfaz web, una ventaja crucial que resuelve una de las principales frustraciones que experimenté con plataformas como Lovable.
