Despliega una app Bolt tras exportar: lo básico del hosting en producción

Si buscaste deploy a Bolt app after export, quieres el camino más corto y fiable del código funcionando a una URL pública — sin montar servidores, aprender un panel cloud complejo ni introducir una tarjeta de crédito antes de tener un solo usuario. Esta guía explica exactamente cómo hacerlo con jsdeck, cuáles son las compensaciones y cuándo otra herramienta es genuinamente la mejor opción. Seremos prácticos: pasos reales, comandos reales y advertencias honestas.

De la vista previa de IA a una URL real

Los constructores de IA te dan una vista previa dentro de su propia interfaz. Eso es perfecto para iterar, pero reclutadores, clientes, compañeros y usuarios reales necesitan una URL estable en la web abierta — que no caduque, no requiera el login del constructor y funcione en cualquier dispositivo. jsdeck toma la exportación estática (HTML, CSS, JS) y la sirve por HTTPS con enrutamiento compatible con SPA.

Obtén primero la exportación estática

Sea cual sea la herramienta que generó tu app, el objetivo es el mismo: una carpeta de archivos estáticos. La mayoría de proyectos la producen con npm run build (a menudo en dist/). Algunos constructores tienen un botón explícito de «exportar» o «descargar código». Si solo tienes una vista previa alojada, copia el proyecto a un repositorio local y compílalo allí — quieres artefactos que controles tú.

Desplegar paso a paso

1. Compila o exporta tu proyecto en local para tener una carpeta de salida estática
2. Regístrate en jsdeck.com/signup — sin tarjeta de crédito
3. Crea una app y sube la carpeta, o ejecuta jsdeck deploy desde la terminal
4. Abre y comparte https://your-slug.jsdeck.com
5. Opcionalmente activa el datastore para estado guardado y visitor auth para acceso restringido

Errores frecuentes con apps generadas

• Enlaces solo de vista previa caducan o requieren la cuenta de la herramienta de IA — nunca los compartas como tu enlace «real»
• Rutas absolutas de assets se rompen en un host nuevo; usa rutas relativas o configura base correctamente en Vite
• Claves API hardcodeadas aparecen a veces en código generado — elimina secretos reales antes de desplegar; usa solo claves del datastore de jsdeck para datos no sensibles
• Rutas del lado del cliente dan 404 al recargar a menos que el host reescriba a index.html (jsdeck lo gestiona en apps alojadas)

Prepáralo para producción

Una vez en vivo, añade un dominio personalizado, verifica que enlaces profundos y recargas funcionen y, si la app almacena algo, conéctala al datastore de jsdeck en lugar de depender solo del estado del navegador para que los datos sobrevivan entre dispositivos.

Verifica antes de compartir el enlace en vivo

Abre tu URL *.jsdeck.com en una ventana privada/incógnito — no en la pestaña donde estabas conectado al constructor de IA. Recorre los flujos principales del usuario, recarga al menos un enlace profundo y redimensiona a un viewport de ancho móvil. Si algo falla, corrígelo en local, recompila y vuelve a subir; jsdeck reemplaza el despliegue anterior in situ. Una prueba de humo de dos minutos evita el caso incómodo en que un cliente o reclutador sea la primera persona en toparse con una ruta de asset rota o una suposición obsoleta de vista previa.

Para quién es y cuándo no usar jsdeck

Buen encaje: frontends estáticos, single-page apps, demos, portfolios, MVPs, exportaciones generadas por IA y apps que necesitan un poco de persistencia JSON o inicio de sesión ligero para visitantes.

No encaja: apps que requieren un servidor Node en ejecución continua, renderizado del lado del servidor en tiempo de petición, backends WebSocket, secretos privados del lado del servidor, trabajos en segundo plano o una base de datos relacional completa. Para eso, una plataforma como las alternativas del hub de comparativas te servirá mejor — y eso es elegir con criterio, no un compromiso.

Preguntas frecuentes

¿Es realmente gratis deploy a Bolt app after export?

Sí. jsdeck ofrece hosting estático gratuito con HTTPS para proyectos como este, sin tarjeta de crédito para empezar. Funciones opcionales como el datastore y visitor auth están disponibles cuando las necesites.

¿Funcionará mi app generada por IA sin cambios?

Normalmente sí, siempre que compile a archivos estáticos. Revisa rutas absolutas de assets y secretos hardcodeados, ambos frecuentes en código generado.

¿Por qué no compartir solo el enlace de vista previa del constructor?

Los enlaces de vista previa pueden caducar, limitarse o requerir el login del constructor. Una URL de jsdeck es un hogar estable e independiente para tu proyecto.

Próximos pasos

• Explora más guías en el hub de despliegue de apps IA
• Sigue la guía de primeros pasos para desplegar tu primera app
• Lee la documentación para desarrolladores sobre datastore, cuentas seguras (auth API) y despliegue por CLI