Vue.js

Deploy Vue.js apps as static Vite builds on Hostinger, with plugin setup, hPanel build settings, and Nuxt.js recommendations for SSR projects.

Progressive JavaScript framework for building UIs. Hostinger runs Vue apps as static bundles built with Vite.

app_type: vue

Note: Vue CLI is end-of-life. Use Vite for new projects and migrate existing Vue CLI apps — the Vue team recommends this officially.

Static mode

Vue on Hostinger is always static — Vite builds the app to a directory served directly.

package.json

{
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "vite": "^5.0.0",
    "@vitejs/plugin-vue": "^5.0.0"
  }
}

vite.config.js

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [vue()],
});

hPanel settings

Field	Value
Application type	vue
Build script	build
Output directory	dist
Entry file	— (static)

Server mode

Vue itself doesn't ship an SSR runtime. For SSR, use:

• Nuxt.js — recommended for SSR and full-stack Vue

• Astro — content-first sites that can embed Vue components

Notes

• Scaffold a new project: npm create vue@latest

• For TypeScript, pick "Add TypeScript" during scaffolding.

• Vue Router works unchanged — routing is client-side.

---

Last updated: July 21, 2026