El vibe coding es un enfoque emergente en el desarrollo de software que utiliza modelos de lenguaje avanzados (LLMs) para generar código a partir de descripciones en lenguaje natural. En lugar de escribir manualmente cada línea de código, los desarrolladores (o incluso personas sin experiencia técnica) describen lo que quieren construir, y la inteligencia artificial se encarga de generar, refinar y optimizar el código.

Introducido por el científico informático Andrej Karpathy en febrero de 2025, el término refleja un cambio hacia una programación más intuitiva y colaborativa, donde el rol del programador se centra en guiar, probar y ajustar el código generado por la IA. Este enfoque permite a los usuarios enfocarse en la visión y el diseño del proyecto, mientras que la IA maneja los detalles técnicos.

Yo descubrí esto en diciembre de 2024 y desde entonces estoy absolutamente enganchado, porque tengo conocimientos medios de programación y muchas ideas, asi que no podía llevarlas a cabo en un tiempo prudencial.

A día de hoy he probado dos plataformas para hacer aplicaciones web completas Bolt.new y Lovable y por eso quiero hablaros de ambas.

Introducción: El origen open source de Bolt.new y Lovable

En el panorama actual del desarrollo web, herramientas como Bolt.new y Lovable.dev han revolucionado la forma en que los desarrolladores y equipos abordan la creación de aplicaciones web. Pero sobre todo, los que no somos desarrolladores. Ambas plataformas comparten un origen en el mundo del software open source, lo que ha sido clave para su evolución hacia soluciones robustas y completas que permiten construir aplicaciones web complejas sin necesidad de escribir código manualmente.

Bolt.new: De StackBlitz al desarrollo en el navegador

Bolt.new es un proyecto desarrollado por StackBlitz, una empresa conocida por su enfoque en entornos de desarrollo basados en el navegador. Su tecnología central, WebContainers, permite emular un sistema operativo completo en el navegador utilizando WebAssembly, lo que hace posible ejecutar Node.js y gestionar dependencias como si se tratara de un entorno local. Este enfoque innovador tiene sus raíces en el compromiso de StackBlitz con el open source, como se refleja en su proyecto bolt.diy, una versión de código abierto que permite a los desarrolladores explorar y personalizar la tecnología detrás de Bolt.new.

El objetivo inicial de Bolt.new era simplificar el desarrollo frontend, pero con el tiempo, la plataforma ha evolucionado para ofrecer capacidades completas de desarrollo full-stack. Gracias a su integración con herramientas como Supabase, Bolt.new permite a los usuarios gestionar bases de datos y autenticación directamente desde el navegador, eliminando la necesidad de configuraciones locales complejas. Este enfoque ha hecho que Bolt.new sea especialmente popular entre desarrolladores que buscan rapidez y flexibilidad en la creación de interfaces de usuario y prototipos.

Lovable.dev: De GPT-Engineer a una solución SaaS integral

Por otro lado, Lovable.dev tiene sus raíces en el proyecto open source GPT-Engineer, desarrollado por la comunidad de gpt engineer. Este proyecto, que acumuló más de 50,000 estrellas en GitHub, se centraba en utilizar modelos de lenguaje como GPT para generar y ejecutar código de manera automatizada. Aunque el desarrollo activo de GPT-Engineer se detuvo en 2024, su legado vive en Lovable.dev, que ha tomado los aprendizajes del proyecto open source y los ha transformado en una plataforma SaaS diseñada para facilitar el desarrollo de aplicaciones web completas.

Lovable.dev destaca por su enfoque en la integración backend, especialmente a través de su conexión nativa con Supabase, una alternativa de código abierto a Firebase basada en PostgreSQL. Además, utiliza tecnologías como Fly.io para ejecutar código en entornos aislados, garantizando seguridad y escalabilidad. A diferencia de Bolt.new, Lovable.dev adopta un enfoque más estructurado y guiado, ideal para equipos que buscan una experiencia de desarrollo colaborativa y orientada a la producción.

De open source a soluciones completas

Ambas plataformas han evolucionado significativamente desde sus inicios en el mundo open source. Mientras que Bolt.new se centra en la velocidad y la flexibilidad, ofreciendo un entorno de desarrollo completo en el navegador, Lovable.dev prioriza la facilidad de uso y la integración backend, proporcionando una experiencia más guiada y estructurada. Esta evolución refleja cómo el open source puede servir como base para construir herramientas comerciales que democratizan el acceso al desarrollo web, permitiendo a usuarios de todos los niveles crear aplicaciones complejas sin necesidad de escribir una sola línea de código.

Mi experiencia de uso

En primer lugar he de decir que ambas son geniales y tienen sus puntos débiles y fuertes, como no podía ser de otra forma.

Ambas parten de una interfaz muy parecida en la que tienes a la izquierda un chat con la IA y a la derecha una lista de los ficheros que forman tu proyecto y su código con un botón que alterna entre la vista de los ficheros y la vista previa de la webapp que estás creando.

Ambas han sido creadas con React, node.js, Vite y Supabase en mente con el framework de Tailwind para el css. Pero Bolt.new destaca porque tiene una serie de iniciadores que le permiten llegar mucho mas lejos pudiendo hacer desde una web app a una aplicación para móviles o un plugin para wordpress, cosa que le queda lejos a lovable.dev.

Si las usas de la forma en que han sido creadas funcionan bastante bien y por supuesto la previsualización te permite ver lo que estás haciendo sin salir de la web ni disponer de un servidor hasta que no hayas terminado tu webapp.

Sin embargo, aquí tenéis a uno que usa hostings compartidos (te dejo enlace para contratar Hostinger con 20% de descuento), MySQL/MariaDB y por tanto necesito que no use node.js y aunque se puede usar React porque puedes generar la versión estática con el comando npm run build , no he programado nunca en react, y prefiero entender lo que hace para ayudarla cuando se lía (esto me ha salvado de gastar mis créditos absurdamente más de una vez).

Asi que tienes dos formas de usar ambas plataformas:

• Usando node.js/supabase alojando tu web en un VPS (en el caso de Bolt.new) ya que no conozco ningún servicio de hosting compartido que admita node.js porque requiere acceso al root de la máquina. Y en el caso de lovable, manteniendo la suscripción una vez hecha tu página, ya que por esos 20€/mes de la opción básica te incluye 100Gb de almacenamiento web, pudiendo asociar tu dominio al proyecto y por tanto haciendo el despliegue directamente a tu web, lo que es muy cómodo.
• Usando php puro + MySql o Sqlite, según el proyecto, en cuyo caso ahorras en hosting porque un servidor compartido es mucho más barato y te das de baja de Bolt.new o lovable cuando acabes tu web y solo te das de alta cuando necesites arreglar algo o añadir funcionalidades.

Si no sabes nada de nada, lovable con sus 20€/mes que incluye todo es lo mejor, pero si sabes lo suficiente, buscar que no necesites node.js y hacerla en React o php puro te va a ahorrar mucho dinero.

¿Como inicio yo los proyectos?

Con mi prompt de referencia que tengo en un atajo de teclado porque se lo tengo que ir repitiendo cada cierto tiempo para que no se olvide:

Descripción del proyecto + "recuerda que la web tiene que ser en php puro porque se usará en un hosting compartido, por lo que tampoco se puede usar React, ni supabase, deberás usar MySQL/MariaDB "

En el momento en que le dices esto te hace el proyecto como tu quieres pero pierdes la previsualización. A partir de ahí hay dos flujos de trabajo diferentes según la plataforma que uses:

• Bolt.new: cada vez que le pidas un cambio tienes que bajar el código del proyecto y subirlo por ftp a tu hosting
• Lovable: tienes que conectar tu proyecto a GitHub y cada vez que hagas un cambio hacer un pull request desde GitHub a tu ordenador para subir los ficheros a tu ftp.

Si usas el modo predefinido de node.js/supabase el se encarga de actualizar la base de datos etc y si no serás tu quien tenga que poner los datos de configuración de tu base de datos en el fichero que toque, generalmente será un config.php

Ventajas y desventajas del vibe coding y de cada plataforma

Vibe Coding

Lo bueno:

• Te haces un proyecto completo por menos de 50€ tu solo y solo chateando
• Si ya tienes conocimiento aumentas tu productividad por 25x
• Están integradas recientemente con figma, por lo que puedes convertir tus diseños en webapps funcionales.

Lo malo:

• Hay un efecto cansancio en las IAs subyacentes que hace que pasado un tiempo se enroquen en un error y no sean capaces de solucionarlo consumiendo tu saldo de forma muy rápida. Tienes que pensar en ellas como en una persona, llega un momento en que mejor la dejas descansar.
• Si no usas figma tus webs se parecerán mucho porque todas usan tailwind y tienen a un diseño estándar.

Bolt.new

Lo bueno:

• Muy versátil, como ya te he dicho permite hacer hasta apps móviles.
• Muchas opciones para compartir el código, trabajar en colaboración con la plataforma stackblitz, descargar el código directamente…
• Al cobrar por tokens puedes hacer preguntas sobre tu código sin gastar mucho.
• Puedes empezar un proyecto subiendo un código que ya tengas o clonando un repositorio de GitHub, lo que te permite convertir tu proyecto manual en uno automatizado, o continuar algo que has empezado con otra plataforma en Bolt.
• Tiene una consola integrada por lo que puedes compilar proyecto en react en la web y bajártelo preparado para subir a tu hosting compartido.

Lo malo:

• Tiende constantemente a escribir solo lo nuevo de cada cambio que le pides dejando los ficheros sin completar y con omisiones. Esto es fruto de un efecto conocido de los LLM llamado laziness que es un fenómeno, en el que las IAs demuestran que se parecen más a nosotros de lo que creemos, pues intenta minimizar el trabajo que tienen que hacer. La consecuencia es que tienes un proyecto en el que a los archivos les falta código y tienes que gastar tokens en reescribir ficheros con código omitido.
• Un proyecto grande empieza a fallar porque superas la ventana de contexto de la IA subyacente, que generalmente es Claude 3.7 o Claude 3.5 y sobre todo empieza a consumir tus tokens de 100.000 en 100.000 y ves como empiezas a tirar dinero.

Lovable.dev

Lo bueno:

• No deja jamás un fichero con omisiones de código, lo pongo en primer lugar porque después de meses usando Bolt.new esto es una gozada.
• Mientras Bolt cobra por tokens Lovable cobra por mensajes. Puede parecer que 100 mensajes son pocos, porque en Bolt necesitas muchos mensajes para sacar un proyecto, pero yo he sacado proyectos sencillos en los 5 mensajes gratis diarios que te da lovable.
• Puedes y debes meter todo lo que se te ocurra en cada mensaje para aprovechar que 10 peticiones en un solo mensaje cuestan 10 veces menos que 1 petición por mensaje.
• Maneja super bien los proyectos grandes, en ningún momento te dice que tienes demasiado código.

Lo malo:

• Al cobrar por mensajes hacer preguntas sobre tu proyecto para resolver dudas consume tanto como un gran cambio o funcionalidad.
• Aquí solo puedes empezar un proyecto desde cero, no puedes importar código existente. La forma de saltarse esto es empezar un proyecto, vacío, crear un repositorio nuevo en GitHub y subir los ficheros desde ahí para que aparezcan en Lovable.

Mis trucos

Para ambos:

En la configuración del proyecto introduzco este prompt:

Cuando cree un nuevo archivo, asegúrese de agregar un comentario en la parte superior del archivo con los cambios que realice. 

Cuando actualices/hagas cambios en un archivo, asegúrate de reescribir el comentario en la parte superior del archivo con los cambios que hiciste. Si no hay comentario, entonces añade uno.

Esto hace que añada un pequeño resumen al comienzo del fichero y ahorre tokens cuando retome alguno que haya modificado hace tiempo.

Para bolt.new

Empiezo el proyecto en Bolt.new, y cada vez que tengo una versión estable de mi código sin fallos (aunque falten funcionalidades) voy a stackblitz y creo un fork del proyecto. De esa forma siempre puedo olvidarme de ese fork y empezar de nuevo en un punto concreto y mantengo mi ventana de contexto lo más pequeña posible.

Uso constantemente la coletilla:

Recuerda que debes completar todos los ficheros que modifiques para que no haya omisiones o archivos incompletos.

Para lovable

Con lovable también es importante empezar desde el principio avisando de que quieres un proyecto en php puro y MySQL para evitar problemas después.

Como Bolt a veces se enroca, se pierde y es como si se cansara. En esos casos déjalo estar, ponte con otra cosa y vuelve mas tarde o al día siguiente.

Mis proyectos

Bolt.new

• yublify.com: una plataforma para crear listas de deseos de diferentes webs e incluso tiendas físicas
• eldiaespecial.de: una web para organizar cumpleaños y fiestas, manejar invitados, etc…
• almadealabanza.com: un repositorio de canciones católicas con letras y acordes
• https://cole.rafarq.com: una web que crecerá junto a mi hijo para generar fichas, por ahora de matemáticas.
• MDLightWeb: un sistema para crear webs de documentación a partir de ficheros markdown

Lovable

• catequesis.rafarq.com: una biblioteca de recursos para la catequesis
• clipsend.net: (en desarrollo) un servicio web que permite crear un portapapeles compartido entre ordenadores diferentes sin importar el sistema operativo

---

El vibe coding engancha, te lo aseguro. Estas no son las únicas plataformas que existen, está https://v0.dev y la opción más económica con diferencia que es Bolt.diy, la versión open source de Bolt.new, pero que necesita aún evolucionar para mejorar lo suficiente. Incluso en hostinger se han subido a la ola y acaban de presentar Hostiger Horizons en su versión Starter o Hobbyist que incluyen una adaptación de lovable que se despliega automáticamente en sus servidores lo que puede ahorrar muchos quebraderos de cabeza. Haré una review de este sistema cuando tenga tiempo de tocarlo.

Espero que te hayas hecho una idea de como esta este tema, de las plataformas y que te animes a iniciar algún proyecto que tengas en mente. Y si tienes ya un proyecto que nos lo enseñes en los comentarios.