Cómo desplegar a Cloudflare en un clic

Actualizado el 18 de julio de 2026 — precios actualizados a los planes actuales y vías de despliegue por plataforma refrescadas.

¿Cómo funciona el despliegue en un clic en VULK?

La respuesta completa: haces clic en Deploy en el editor de VULK, VULK construye tu proyecto en sus propios servidores (vite build — compilación de TypeScript, bundling, purga de Tailwind, minificación, nombres de archivo con hash), publica la salida estática en la red global de Cloudflare y te entrega una URL HTTPS en vivo en tu-proyecto.vulk.space. El proceso entero — build, publicación, SSL — se completa en 10 a 30 segundos. Sin pipelines de CI/CD, sin paneles de hosting, sin configuración.

Esa velocidad importa por lo que la rodea: el builder mediano de VULK va del registro a una app generada en 47 segundos, y el despliegue mantiene el mismo ritmo — de idea a URL en vivo en menos de dos minutos en total (datos de la plataforma VULK, julio de 2026, N = 11.355 proyectos). El despliegue está incluido en todos los planes, desde Builder 19,99 €/mes.

¿Por qué Cloudflare y no Vercel o Netlify?

Me lo preguntan todo el tiempo. Todo constructor de código con IA usa Vercel por defecto. Es la elección obvia — gran DX, integración estrecha con Next.js, fácil de montar. ¿Entonces por qué puse el pipeline de despliegue de VULK en Cloudflare?

Dos razones, y ambas se reducen a lo que importa para las apps que VULK genera.

Red global. Tu app publicada corre en la red global de Cloudflare, así que se sirve desde una ubicación cercana a cada visitante. Un usuario en Tokio y un usuario en São Paulo la cargan ambos desde cerca, y nunca tienes que elegir una región.

Despliegues atómicos. Cuando redespliegas, Cloudflare sirve la versión antigua hasta que la nueva está completamente subida, y entonces cambia al instante. Sin estados a medio desplegar. Sin downtime. Crítico para una plataforma donde los usuarios iteran y redespliegan con frecuencia.

Esto encaja con lo que VULK genera para la web: apps React + Vite que compilan a archivos estáticos. Cuando un proyecto tiene backend, esa parte corre en la infraestructura de VULK, como se describe más abajo.

¿Qué pasa, paso a paso, cuando pulsas deploy?

Paso 1: Haces clic en Deploy. El botón está en la barra superior, junto a los controles de vista previa. Se abre un diálogo de despliegue mostrando el progreso del build en tiempo real.

Paso 2: VULK construye tu proyecto en nuestros servidores. Para una app React + Vite, esto ejecuta vite build, que compila TypeScript a JavaScript, agrupa todos los módulos en chunks optimizados, procesa y purga Tailwind CSS, minifica todo, genera nombres con hash para el cache busting y produce un directorio dist/ limpio. Esto ocurre en nuestra infraestructura, no en tu navegador. Los tiempos de build van de 5 a 20 segundos según el tamaño del proyecto.

Paso 3: Publicación en la red de Cloudflare. La salida del build — HTML, CSS, JS estáticos y assets — se publica en la red global de Cloudflare, así que tus archivos se sirven cerca de cada visitante.

Paso 4: Obtienes una URL en vivo. Tu proyecto sale en vivo en su propia dirección vulk.space, algo como workout-tracker.vulk.space. El HTTPS es automático. Sin configuración. Sin esperas.

¿Qué necesitas antes de desplegar?

Dos cosas que verificar antes de pulsar Deploy:

Tu app compila en la vista previa. Si la vista previa muestra errores o una pantalla en blanco, el build de producción también fallará. El build de producción de Vite es más estricto que el servidor de desarrollo — atrapa errores de imports y de tipos que el hot module replacement a veces deja pasar. Arréglalos primero.

Estás en un plan que encaja con tu proyecto. Planes: Builder (19,99 €/mes), Pro (39,99 €/mes), Team (79,99 €/mes), Max (199 €/mes) y Business (299 €/mes). El despliegue de backend + PostgreSQL y los dominios personalizados empiezan ambos en Builder.

¿Qué tan rápidas son las apps desplegadas?

Me importa porque las apps que la gente despliega desde VULK representan nuestra calidad. Si son lentas, eso nos refleja.

Las apps React generadas por VULK están optimizadas por defecto. El build de Vite produce chunks con code splitting, bundles con tree shaking y assets comprimidos, y la red global de Cloudflare los sirve desde cerca de cada visitante:

• Servida cerca de cada visitante: la app se entrega desde la red global de Cloudflare, no desde un único servidor en una sola región
• Bundles ligeros: el code splitting, el tree shaking y la minificación mantienen pequeño lo que descarga el navegador
• Comportamiento de caché: Los assets estáticos reciben nombres con hash, así que pueden quedarse en caché mucho tiempo y los visitantes recurrentes los cargan desde la caché

No necesitas configurar nada de esto. El pipeline de build y la configuración del CDN se manejan automáticamente.

¿Cómo conectas un dominio personalizado?

La dirección vulk.space sirve para probar y compartir, pero para un proyecto real quieres tu propio dominio. Los dominios personalizados están incluidos desde Builder. El proceso:

1. Abre tu proyecto en VULK y añade tu dominio (como myapp.com o app.mydomain.com).

2. En tu registrador o proveedor de DNS, añade el registro DNS que VULK te muestra, para que el dominio apunte a tu app.

3. VULK conecta el dominio a tu app publicada y aprovisiona el certificado SSL automáticamente.

4. Cuando el cambio de DNS se haya propagado, tu app responde en tu propio dominio por HTTPS.

¿Cómo funciona el redespliegue tras cambios?

El desarrollo es iterativo. Tras desplegar, harás cambios — nuevas funciones, arreglos, ajustes de diseño. El redespliegue es idéntico al primer despliegue:

1. Haz cambios en el editor (vía prompts o ediciones manuales de código).
2. Verifica en la vista previa.
3. Haz clic en Deploy.

La nueva versión reemplaza la anterior en la misma URL. El despliegue atómico de Cloudflare hace el cambio instantáneo — los visitantes nunca ven un estado a medio desplegar.

El historial de versiones del proyecto permite abrir versiones anteriores y restaurar sus archivos. Después de restaurar, comprueba la vista previa y vuelve a publicar para actualizar la URL publicada.

¿Qué se despliega y dónde se ejecuta?

Se despliega: Toda la salida estática del build. Archivos HTML, bundles JavaScript, archivos CSS, imágenes de tu directorio public/, fuentes y cualquier otro asset estático.

Se queda en los servidores de VULK: El código fuente. Tus archivos .tsx, node_modules, package.json y la configuración de build se quedan allí. El sitio desplegado contiene solo la salida compilada.

Alojado en la infraestructura de VULK: Las APIs de backend. Si tu proyecto usa la generación de backend de VULK (PostgreSQL + rutas API), el backend se ejecuta en la infraestructura de VULK. El frontend desplegado hace llamadas API a nuestros servidores.

¿Cómo se despliega cada plataforma?

Cada plataforma que VULK genera tiene su propia vía:

¿Cómo resuelves problemas comunes?

El build falla. La causa más común es un error de TypeScript o de imports que el servidor de desarrollo de la vista previa toleró pero el build de producción de Vite rechaza. Revisa el mensaje de error en el diálogo de despliegue y pide a VULK que lo arregle. Algo como: "El deploy falló con 'Cannot find module ./components/Chart'. Arregla el import — el archivo es ChartCard.tsx."

Página en blanco tras el despliegue. Normalmente un problema de base path o de rutas. Pide a VULK: "La app desplegada muestra una página en blanco. Asegúrate de que el base path de Vite es '/' y de que React Router tiene una ruta para la raíz."

Imágenes o fuentes rotas. Los assets estáticos deben estar en el directorio public/ y referenciarse con rutas absolutas que empiecen por /. Las rutas relativas funcionan en desarrollo pero se rompen tras el despliegue.