Drag-n-Drop
to upload your archive
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.
Drag and drop files to upload.
Upload website file archives, images, documents, or PDFs.
Both npm create vue@latest (Vite) and legacy Vue CLI projects output to dist/. Same build command, same upload process. No configuration changes needed.
History mode works with a 200.html fallback. Hash mode works without any setup. Choose whichever routing strategy your app uses.
Nuxt 3 generates static HTML with npx nuxt generate. ZIP the output from .output/public/ and upload. Full Nuxt functionality without a server.
Run npm run build in your project directory. The output goes to dist/.
Open the dist/ folder. Select all files inside. Compress to ZIP.
Drag the ZIP onto static.app. Live in seconds.
Automatic HTTPS on every Vue app. No setup required.
Track visitors, page views, and traffic sources without installing third-party scripts. Cookie-free, privacy-friendly.
Install the Static Sync app. Rebuild locally and your live Vue app updates automatically. No manual re-upload needed.
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.
SERVICE
FEATURES
UTILITIES
FORMATTERS
FRAMEWORK HOSTING
AI BUILDER HOSTING
ACCOUNT
One-click solution for your static website. Copyright © 2019-2026. All Rights Reserved.
By Designmodo