Upload

Drag-n-Drop

to upload your archive

Upload

Free Domain Name
Try another
Full Name
Email
Password
I have an account

VUE.JS HOSTING

Host a Vue.js App

Your Vue app builds to a dist/ folder. That folder is 30 seconds from being a live website. ZIP it, drag it onto Static.app, and share the link. Works with Vite, Vue CLI, and Nuxt static exports.

Upload Vue App

Drag and drop files to upload.

Upload website file archives, images, documents, or PDFs.

Select File
  • Works with Vite and Vue CLI

    Both npm create vue@latest (Vite) and legacy Vue CLI projects output to dist/. Same build command, same upload process. No configuration changes needed.

  • Vue Router support

    History mode works with a 200.html fallback. Hash mode works without any setup. Choose whichever routing strategy your app uses.

  • Nuxt static export

    Nuxt 3 generates static HTML with npx nuxt generate. ZIP the output from .output/public/ and upload. Full Nuxt functionality without a server.

How to host your Vue app

  • 1

    Run npm run build in your project directory. The output goes to dist/.

  • 2

    Open the dist/ folder. Select all files inside. Compress to ZIP.

  • 3

    Drag the ZIP onto static.app. Live in seconds.

See it with your own eyes!
Video Thumbnail

All you need for Vue hosting

  • Free SSL included

    Automatic HTTPS on every Vue app. No setup required.

  • Built-in analytics

    Track visitors, page views, and traffic sources without installing third-party scripts. Cookie-free, privacy-friendly.

  • Desktop sync

    Install the Static Sync app. Rebuild locally and your live Vue app updates automatically. No manual re-upload needed.

Vue Hosting FAQ

Does Vue Router history mode work?

Yes, with one extra step. Create a file called 200.html that's an exact copy of your index.html. Place it in the root of your ZIP alongside the original index.html. Static.app serves this fallback file for any URL that doesn't match a physical file, which lets Vue Router handle the route in the browser. Without this, refreshing on /about returns a 404 because there's no physical about.html file on the server.

What about the base/publicPath setting?

For root-level hosting (your domain points directly to the website), the defaults work with no changes. If your assets don't load after uploading, set base: './' in vite.config.js (for Vite projects) or publicPath: './' in vue.config.js (for Vue CLI projects). This switches asset references from absolute paths to relative paths, which resolves most loading issues on static hosts.

Can I host Nuxt apps?

Yes, using Nuxt's static generation mode. For Nuxt 3, run npx nuxt generate and the output goes to .output/public/. For Nuxt 2, run npx nuxt generate and the output goes to dist/. ZIP the contents of the output folder and upload to Static.app. All pre-rendered pages, assets, and payload files are included. Note that server-rendered (SSR) Nuxt apps require a Node.js host.

What about Vue 2 projects?

Vue 2 projects work exactly the same way as Vue 3. The build output is static HTML, CSS, and JavaScript regardless of which Vue version you're using. Run npm run build, ZIP the dist/ folder contents, and upload. Vue 2's end-of-life status (December 2023) doesn't affect hosting. The compiled output is standard web files that browsers and static hosts support indefinitely.

Can GitHub Pages host a Vue app?

Yes, GitHub Pages can host Vue builds for free. You'll need to configure the base path to match your repository name and set up a deployment workflow (usually through GitHub Actions). Vue Router history mode requires a custom 404.html workaround on GitHub Pages. Static.app is simpler (no Git, no base path configuration) and includes forms, analytics, and password protection that GitHub Pages doesn't have.

Start hosting your Vue app now

Select File
or drop your archive to upload
Hey there 👋  Friends from designmodo are here to help!