Guía completa de Bolt.new

Primeros pasos

Entra en bolt.new, escribe en el cuadro de prompt qué quieres construir describiéndolo en lenguaje natural (por ejemplo "una landing page para una cafetería con formulario de contacto"). Bolt genera el proyecto completo (frontend, y si hace falta backend y base de datos) directamente en el navegador, sin instalar nada. Puedes ver el código y la vista previa en tiempo real en paneles lado a lado, y publicar con un clic para obtener una URL pública alojada en Netlify.

Casos de uso

Configuración avanzada

1. Target file
   Permite limitar los cambios que aplica la IA a un archivo concreto, para no arriesgar tocar el resto del proyecto cuando solo quieres ajustar un componente.
2. Bloqueo de archivos
   Se puede bloquear un archivo para que la IA no lo modifique en futuras peticiones, útil una vez que una parte del proyecto ya quedó como querías.
3. Control de tokens
   El plan gratuito tiene un límite diario y mensual de tokens; conviene revisar el consumo desde el primer prompt para no quedarte a medias en un cambio grande.

Trucos

• Escribe prompts concretos: indica quién es el usuario y qué flujo debe seguir, en vez de descripciones vagas — genera resultados mucho más ajustados a la primera.
• Antes de publicar, revisa el código generado en el panel de edición; Bolt no siempre acierta a la primera y es más barato corregir un detalle que regenerar todo el proyecto.
• Experimenta con tipografía, peso de fuente y paletas de color si quieres que el resultado no se vea genérico — Bolt responde bien a instrucciones de estilo específicas.
• Convierte un proyecto que te funcionó bien en plantilla reutilizable (Team Templates) para no partir de cero en el siguiente parecido.

Preguntas frecuentes