> For the complete documentation index, see [llms.txt](https://docs.hostinger.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hostinger.com/node.js/overview-1/vue.md).

# 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`

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

### `vite.config.js`

```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](/node.js/overview-1/nuxt.md) — recommended for SSR and full-stack Vue
* [Astro](/node.js/overview-1/astro.md) — 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*