Bolt.new deploy: cómo publicar en Netlify o Vercel

Para hacer el bolt new deploy to Netlify usas la integración oficial: conectas tu cuenta de Netlify en la configuración de Bolt, eliges Netlify como Hosting Provider y das Publish. Para Vercel no hay botón directo: subes el proyecto a GitHub y lo importas en Vercel. Y si solo quieres ver tu proyecto en línea rápido, Bolt ya trae su propio hosting gratis. Aquí van los tres caminos.

Pasos tomados de la ayuda oficial de Bolt sobre Netlify y de publicar en Bolt, a noviembre de 2026. Bolt cambia su interfaz con frecuencia.

Opción 1: Bolt hosting (la más sencilla)

Hoy los proyectos de Bolt se publican por defecto en su propio hosting, con una dirección .bolt.host.

1. Da clic en Publish, arriba a la derecha.
2. En el menú “Publish your project”, da clic otra vez en Publish.
3. Tarda alrededor de un minuto.

Detalles importantes:

• Los cambios no se publican solos. Cada vez que modificas algo, abre el menú de publicar y da Update.
• Usa los botones, no le pidas al chat “publica mi app”: los prompts gastan tokens.
• En planes de pago puedes conectar un dominio propio o comprar uno dentro de Bolt.

Si te sirve Bolt hosting, no necesitas Netlify ni Vercel. Pero hay razones para irte a otro lado: control de la cuenta, tener todo en tu propio GitHub, usar el mismo proveedor que tus otros sitios o no depender de la plataforma donde lo construiste.

Opción 2: bolt new deploy to Netlify (integración oficial)

Requisitos

Según la ayuda de Bolt, el selector de Netlify solo aparece si:

• el proyecto no está publicado todavía,
• tu cuenta de Netlify ya está conectada, y
• tienes permiso para manejar los dominios del proyecto.

Ojo: si ya publicaste en Bolt hosting, no hay vuelta atrás en ese proyecto. Tendrías que hacer una copia nueva, sin publicar, y publicar esa en Netlify.

Pasos

1. Abre tu proyecto en Bolt.
2. Da clic en el ícono de engrane (arriba al centro) → All project settings.
3. En Account settings, entra a Applications y, en la sección de Netlify, da Connect. Autoriza en la ventana de Netlify.
4. Vuelve a All project settings → Domains & Hosting.
5. En el menú Hosting Provider, elige Netlify.
6. Cierra la configuración, da Publish y confirma con el segundo Publish.

Bolt le dice “Publish” a lo que Netlify llama “Deploy”; es lo mismo. Al terminar tendrás una dirección .netlify.app que después puedes cambiar por tu dominio desde el panel de Netlify.

Alternativa sin integración: Netlify Drop

Netlify también documenta otras rutas para proyectos de Bolt: exportar los archivos ya compilados y arrastrarlos a Netlify Drop (rápido, pero manual cada vez), o conectar un repositorio de GitHub. Ese segundo camino es el que te recomendamos si vas a seguir cambiando la app, y lo explicamos en cómo subir una página web a Netlify.

Opción 3: bolt new deploy to Vercel (vía GitHub)

Como no hay integración documentada con Vercel, el flujo es:

1. Sube tu proyecto a GitHub

Bolt tiene integración con GitHub desde la configuración del proyecto. Conéctalo y crea un repositorio. Si te sale un error al sincronizar, revisa Bolt.new: error syncing GitHub.

Si prefieres hacerlo a mano, descarga el proyecto (export/download) y súbelo:

cd mi-proyecto-bolt
git init
git add .
git commit -m "Proyecto exportado de Bolt"
git branch -M main
git remote add origin https://github.com/tu-usuario/mi-proyecto-bolt.git
git push -u origin main

Antes de subirlo, revisa que no vaya un archivo .env con llaves privadas. Debe estar en .gitignore.

2. Importa el repositorio en Vercel

1. En vercel.com, Add New… → Project.
2. Elige tu repositorio de GitHub.
3. Vercel suele detectar solo que es un proyecto Vite. Confirma:
   • Build Command: npm run build
   • Output Directory: dist
4. En Environment Variables, agrega las mismas variables que tu proyecto usa (por ejemplo VITE_SUPABASE_URL y VITE_SUPABASE_ANON_KEY).
5. Da Deploy.

Después, cada git push a main publica una versión nueva. La guía completa está en cómo subir una página web a Vercel.

Netlify, Vercel o Bolt hosting: comparativa rápida

Concepto	Bolt hosting	Netlify (integración)	Vercel (vía GitHub)
Dificultad	Mínima	Baja	Media
Código en tu GitHub	No necesariamente	Opcional	Sí
Publicar cambios	Botón Update	Botón Publish	git push
Dominio propio	En planes de pago de Bolt	Desde Netlify	Desde Vercel
Te puedes ir fácil a otro proveedor	Menos	Más	Más

Los límites y precios de cada plataforma cambian; revisa las páginas oficiales de Netlify y Vercel. Un detalle a saber: el plan gratuito Hobby de Vercel está pensado para uso personal y no comercial según sus términos.

Errores comunes

• Pantalla en blanco después de publicar. Faltan variables de entorno en Netlify o Vercel. En Vite, solo las que empiezan con VITE_ llegan al navegador. Ve variables de entorno en Vite y React.
• “npm run build exited with 1”. El código tiene errores que en la vista previa de Bolt no se notaban. Tenemos guía para ese error en Vercel.
• 404 al recargar una página interna (por ejemplo /productos). Es una app de una sola página y el hosting necesita una regla para mandar todas las rutas a index.html. En Netlify se resuelve con un archivo public/_redirects:

/*    /index.html   200

En Vercel se resuelve con una regla de rewrites en vercel.json.

• No aparece el selector de Netlify. El proyecto ya se publicó en Bolt hosting o tu cuenta de Netlify no está conectada.
• Login de Supabase te regresa al dominio viejo. Agrega tu nueva dirección en Supabase → Authentication → URL Configuration.

En resumen

Netlify tiene integración directa en Bolt (si no has publicado antes en Bolt hosting); Vercel se conecta por GitHub; Bolt hosting es lo más rápido si no necesitas más. Si tu proyecto de Bolt se ve bien en la vista previa pero se rompe al publicarlo, o quieres moverlo a tu propia cuenta sin perder nada, en Black Engine lo revisamos contigo por WhatsApp.