Subir

Arrastra y suelta

para subir tu archivo

Subir

Subdominio
Probar otro
Nombre completo
Correo electrónico
Contraseña
Ya tengo una cuenta

HOSTING PARA VUE.JS

Publica una app de Vue.js

Tu app de Vue se compila en una carpeta dist/. Esa carpeta está a 30 segundos de ser un sitio web publicado. Comprímela en un ZIP, arrástrala a Static.app y comparte el enlace. Funciona con Vite, Vue CLI y exportaciones estáticas de Nuxt.

Subir app de Vue

Arrastra y suelta los archivos para subirlos.Toca para subir tus archivos.

Sube archivos comprimidos de tu web, imágenes, documentos o PDF.

Seleccionar archivo

  • Funciona con Vite y Vue CLI

    Tanto npm create vue@latest (Vite) como los proyectos antiguos de Vue CLI generan el resultado en dist/. Mismo comando de compilación, mismo proceso de subida. Sin cambios de configuración.

  • Compatible con Vue Router

    El modo history funciona al activar Aplicación JavaScript en los ajustes de tu sitio web. El modo hash funciona sin configurar nada. Elige la estrategia de enrutamiento que use tu app.

  • Exportación estática de Nuxt

    Nuxt 3 genera HTML estático con npx nuxt generate. Comprime en un ZIP el resultado de .output/public/ y súbelo. Toda la funcionalidad de Nuxt sin un servidor.

Cómo alojar tu app de Vue

  • 1

    Ejecuta npm run build en el directorio de tu proyecto. El resultado se genera en dist/.

  • 2

    Abre la carpeta dist/. Selecciona todos los archivos que contiene. Comprímelos en un ZIP.

  • 3

    Arrastra el ZIP a static.app. Publicada en segundos.

Vídeo tutorial (en inglés)

Aprende a alojar una app de Vue en Static.app.

Ver en YouTube

Todo lo que necesitas para el hosting de Vue

  • SSL gratuito incluido

    HTTPS automático en cada app de Vue. Sin configurar nada.

  • Analítica integrada

    Mide las visitas, las páginas vistas y las fuentes de tráfico sin instalar scripts de terceros. Sin cookies y respetuoso con la privacidad.

  • Sincronización de escritorio

    Instala la app Static Sync. Vuelve a compilar en local y tu app de Vue publicada se actualiza automáticamente. Sin volver a subir nada a mano.

Preguntas frecuentes sobre el hosting de Vue

¿Funciona el modo history de Vue Router?

Sí, con un paso adicional. Activa Aplicación JavaScript en los ajustes de tu sitio web. Static.app servirá entonces index.html para cualquier URL que no coincida con un archivo real, y así Vue Router gestiona la ruta en el navegador. Sin esto, al recargar en /about se obtiene un 404, porque en el servidor no existe un archivo about.html.

¿Y el ajuste base/publicPath?

Para alojar en la raíz (tu dominio apunta directamente al sitio web), los valores por defecto funcionan sin cambios. Si tus recursos no se cargan después de subir, define base: './' en vite.config.js (en proyectos de Vite) o publicPath: './' en vue.config.js (en proyectos de Vue CLI). Esto cambia las referencias a los recursos de rutas absolutas a rutas relativas, lo que resuelve la mayoría de los problemas de carga en hosting estático.

¿Puedo alojar apps de Nuxt?

Sí, con el modo de generación estática de Nuxt. En Nuxt 3, ejecuta npx nuxt generate y el resultado se genera en .output/public/. En Nuxt 2, ejecuta npx nuxt generate y el resultado se genera en dist/. Comprime en un ZIP el contenido de la carpeta de salida y súbelo a Static.app. Se incluyen todas las páginas prerenderizadas, los recursos y los archivos de payload. Ten en cuenta que las apps de Nuxt con renderizado en servidor (SSR) necesitan un hosting de Node.js.

¿Y los proyectos de Vue 2?

Los proyectos de Vue 2 funcionan exactamente igual que los de Vue 3. El resultado de la compilación es HTML, CSS y JavaScript estáticos, sea cual sea la versión de Vue que uses. Ejecuta npm run build, comprime en un ZIP el contenido de la carpeta dist/ y súbelo. Que Vue 2 haya llegado al final de su vida útil (diciembre de 2023) no afecta al hosting. El resultado compilado son archivos web estándar que los navegadores y el hosting estático admiten indefinidamente.

¿Puede GitHub Pages alojar una app de Vue?

Sí, GitHub Pages puede alojar compilaciones de Vue gratis. Tendrás que configurar la ruta base para que coincida con el nombre de tu repositorio y preparar un flujo de publicación (normalmente con GitHub Actions). El modo history de Vue Router requiere en GitHub Pages un 404.html personalizado como solución provisional. Static.app es más sencillo (sin Git y sin configurar la ruta base) e incluye formularios, analítica y protección con contraseña, que GitHub Pages no tiene.

Empieza a alojar tu app de Vue ahora

Seleccionar archivo
o suelta aquí tu archivo para subirlo