> 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/svelte.md).

# Svelte

Compile-time framework with no virtual DOM. Hostinger runs standalone Svelte apps as static bundles built with Vite.

**`app_type`:** `svelte`

> **Tip:** If you want routing, server-side rendering, form actions, or API routes, use [SvelteKit](/node.js/overview-1/sveltekit.md) instead.

## Static mode

Standalone Svelte on Hostinger is always static — Vite bundles your components into a directory of files.

### `package.json`

```json
{
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "vite": "^5.0.0",
    "@sveltejs/vite-plugin-svelte": "^3.0.0"
  }
}
```

### `vite.config.js`

```js
import { defineConfig } from 'vite';
import { svelte } from '@sveltejs/vite-plugin-svelte';

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

### hPanel settings

| Field            | Value      |
| ---------------- | ---------- |
| Application type | `svelte`   |
| Build script     | `build`    |
| Output directory | `dist`     |
| Entry file       | — (static) |

## Server mode

Standalone Svelte doesn't have a server runtime. For SSR, use [SvelteKit](/node.js/overview-1/sveltekit.md) with `adapter-node`.

## Notes

* Scaffold a new project: `npm create vite@latest my-app -- --template svelte`
* For TypeScript: `--template svelte-ts`

***

*Last updated: July 21, 2026*