> 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

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*