Bolt.new: crea apps completas desde el navegador con IA
Bolt.new es útil para prototipar apps web completas en el navegador, pero su coste real aparece cuando el proyecto crece y cada prompt arrastra más contexto.
Imagina describir en lenguaje natural la aplicación que quieres crear y, en cuestión de segundos, tener un proyecto funcional con frontend, backend, estilos y configuración lista para ejecutar. Eso es Bolt.new: la herramienta de StackBlitz que ha redefinido lo que significa construir una app desde cero.
¿Qué es Bolt.new?
Bolt.new es una plataforma de desarrollo basada en navegador creada por StackBlitz, la empresa conocida por WebContainers, su tecnología que permite ejecutar Node.js directamente en el navegador sin un servidor backend. Lanzado en 2024, Bolt.new combina esa tecnología con modelos de IA avanzados (Claude de Anthropic como motor principal) para generar aplicaciones web completas a partir de una descripción en texto.
La propuesta es radical: no es un asistente que te ayuda a escribir código, es un agente que genera el proyecto completo, lo ejecuta en el navegador y te permite editarlo conversacionalmente. Todo sin instalar nada.
Cómo funciona WebContainers
La magia técnica detrás de Bolt.new son los WebContainers de StackBlitz. Esta tecnología ejecuta un entorno Node.js completo dentro del navegador usando WebAssembly, lo que significa que el código se ejecuta localmente en tu máquina sin enviar nada a un servidor de ejecución. El resultado es una experiencia rápida, segura y offline-first.
Frameworks y tecnologías soportados
Bolt.new genera proyectos usando los frameworks web más populares:
- React y React + Vite
- Next.js
- Vue.js
- Svelte y SvelteKit
- Astro
- Vanilla JavaScript/TypeScript
- Node.js (APIs y backends)
Por defecto, suele generar proyectos con Tailwind CSS para los estilos, lo que encaja perfectamente con el flujo de desarrollo moderno.
Despliegue a Netlify en un clic
Una vez que tu aplicación está lista, Bolt.new permite desplegarla en Netlify directamente desde la interfaz con un solo clic. En segundos, tu proyecto pasa de ser código en el navegador a una URL pública accesible desde internet. Para demos, MVPs y proyectos de portfolio, esto es un game changer.
Consejos para sacarle partido: prompt engineering
- Se específico con el stack: indica qué framework quieres (React, Next.js, etc.).
- Describe la estructura de datos: si hay formularios o listas, explica qué campos tienen.
- Menciona el estilo visual: «estilo minimalista», «similar a Notion», «dashboard con sidebar».
- Itera en pasos: empieza con la estructura básica y pide mejoras incrementalmente.
- Pide que explique decisiones si algo no está claro.
Precios
- Free: créditos diarios gratuitos para generar proyectos. Suficiente para exploración.
- Planes de pago: créditos adicionales a partir de ~$10/mes, acceso a modelos más potentes.
El modelo de créditos puede ser un poco opaco: cada token de entrada/salida al modelo consume créditos, por lo que proyectos más complejos o muchas iteraciones consumen más rápido el saldo.
Limitaciones a tener en cuenta
- No es ideal para aplicaciones con mucha lógica de backend compleja.
- El modelo de créditos puede volverse costoso en uso intensivo.
- Las apps generadas a veces requieren refactoring antes de ir a producción.
- La gestión de bases de datos reales (PostgreSQL, MySQL) es limitada.
Bolt.new vs v0.dev
v0.dev (de Vercel) está más enfocado en generar componentes UI individuales con shadcn/ui y Tailwind, optimizado para integrar en proyectos existentes. Bolt.new genera aplicaciones completas desde cero. Son herramientas complementarias: usa v0.dev para construir componentes específicos y Bolt.new para prototipar una app entera rápidamente.
Pros y contras
- ✅ Genera aplicaciones completas a partir de texto.
- ✅ WebContainers: ejecución local en el navegador.
- ✅ Despliegue a Netlify en un clic.
- ✅ Iteración conversacional del proyecto.
- ✅ Sin instalación necesaria.
- ❌ El modelo de créditos puede ser costoso en uso intensivo.
- ❌ Proyectos complejos pueden requerir limpieza del código generado.
- ❌ Limitaciones para backends con lógica muy compleja.
Bolt.new es una de las herramientas que más impresiona cuando la pruebas por primera vez. Para prototipar ideas, crear demos o construir proyectos sencillos sin fricción, es difícil encontrar algo más rápido. Sus limitaciones son reales, pero para el 80% de los casos de uso de prototipado, hace exactamente lo que promete.
Patrón editorial: prototipo ejecutable
El valor de Bolt está en ver la app funcionando, no solo en generar código
Bolt.new destaca porque junta generación de código con un entorno de ejecución en el navegador. El repositorio oficial lo describe como una forma de pedir, ejecutar, editar y desplegar aplicaciones full-stack desde el browser. Esa diferencia importa: cuando el asistente puede instalar paquetes, levantar un servidor y mostrar preview, la conversación deja de ser solo “dame código” y pasa a ser “haz que esto funcione”.
El riesgo está en confundir velocidad inicial con coste final. La propia documentación de Bolt sobre tokens explica que buena parte del consumo viene de leer, entender y sincronizar archivos del proyecto. Cuanto más crece la app, más caro puede ser cada mensaje si no cierras alcance, eliminas ruido y divides tareas.
Flujo recomendado
- Empieza con una app pequeña y una única ruta crítica: registro, dashboard, formulario o integración principal.
- Cuando funcione, conecta GitHub o exporta el proyecto antes de hacer cambios grandes.
- No pidas diez features en un prompt; separa UI, datos, autenticación y despliegue.
- Si Bolt entra en bucle arreglando errores, detén la sesión, lee el diff y reencuadra el problema.
Mi criterio práctico
Bolt es muy bueno para validar si una idea puede convertirse en producto navegable. Para una base de código que ya tiene arquitectura, tests y estándares, lo usaría con mucha más cautela y siempre con control de versiones fuera de la conversación.
Preguntas frecuentes
¿Bolt sirve para producción?
Puede acercarte a una primera versión, pero producción exige revisar seguridad, dependencias, persistencia, observabilidad y costes.
¿Por qué se gastan tantos tokens?
Porque el asistente no solo responde: lee archivos, mantiene contexto del proyecto y genera cambios. En proyectos grandes, cada iteración puede arrastrar mucho más material.
También te puede interesar
v0.dev: generar UI con IAReplit: programar desde el navegadorRTK: reducir tokens en agentes de IA📬 ¿Quieres estar al día de las herramientas de IA para developers?
Cada semana resumo las novedades más importantes en un email de 5 minutos.
Suscribirme gratis →