harvis
Vite

Розгорніть свій Vite застосунок

Vite is the build tool, not the framework — vanilla JS, React, Vue, Svelte, Preact, whatever you picked when you ran npm create vite. Every official template builds the same way and lands in the same folder.

steps
  1. 01

    Build the project

    Run "npm run build". This runs "vite build" under the hood, bundling and minifying into static files.

  2. 02

    Check the output folder

    Vite writes to "dist" by default across every official template. If your vite.config sets build.outDir to something else, use that folder instead.

  3. 03

    Розгорніть

    Запустіть "npx harvis deploy dist" у корені проєкту. Для цього першого розгортання не потрібні ні конфігурація, ні вхід — ви одразу отримаєте живу URL-адресу плюс приватне посилання для підтвердження, щоб коли завгодно прив'язати сайт до безкоштовного акаунта.

Розгорніть Vite однією командою

Зберіть проєкт, а потім передайте папку з результатом harvis. Акаунт для першого розгортання не потрібен — ви отримаєте живе посилання й приватне посилання для підтвердження, щоб керувати сайтом пізніше.

terminal
npm run build
npx harvis deploy dist

Хочете перетягувати файли замість терміналу? Зберіть проєкт, а потім перетягніть папку з результатом сюди і опублікуйте так само.

git hook

Deploy Vite on every git push

The command above is one you will run again after every change. A git hook runs it for you: this one already points at dist, the folder Vite builds into.

The folder holding the finished site. "." is the repo root, which is right for hand-written HTML; a static-site generator writes somewhere else.

pre-push fires on every branch and every remote, so a feature branch would publish over your live site. With this on, a push from anywhere else exits early and goes through untouched.

in your repo root
cat > .git/hooks/pre-push <<'EOF'
#!/bin/sh
set -e
npm run build
harvis deploy dist
EOF
chmod +x .git/hooks/pre-push

The options, the gotchas and how to share a hook with your team are on the git hook page.

Питання про розгортання Vite

Does it matter which Vite template I used?

Not to the deploy step. Vanilla, React, Vue, Svelte, Lit, Preact — they all end up as static files in dist. What changes between templates is what happens in your app; the hosting side is identical.

I have a multi-page Vite app (multiple entry HTML files). Does that work?

Yes. Vite's build.rollupOptions.input support for multiple entrypoints just produces more HTML files in dist, each one a normal page here — visit /about.html or whatever your entry files are named.

Чи справді безкоштовно розгортати застосунок Vite на harvis?

Так, банківська картка не потрібна. Безкоштовні ліміти — 500 файлів і 50 МБ на сайт, чого з запасом вистачає для статичної збірки Vite. Опубліковані сайти не мають терміну дії — вони залишаються онлайн, доки ви їх не видалите.

Чи можу я використати власний домен для розгорнутого сайту Vite?

Кожен сайт отримує безкоштовну адресу harvis.page, а після підтвердження ви можете вибрати власний піддомен у панелі керування — my-app.harvis.page замість випадкового. Прив'язка домену, яким ви вже володієте (наприклад, mystore.com), поки не підтримується.

Чим це відрізняється від розгортання Vite на Vercel чи Netlify?

Vercel і Netlify побудовані навколо підключення Git-репозиторію та запуску вашої збірки на їхніх серверах, із панеллю для налаштування. harvis пропускає все це: ви збираєте проєкт локально (або у власному CI), виконуєте одну команду CLI для папки з результатом і отримуєте посилання — без налаштування проєкту й без акаунта, доки не захочете зберегти сайт за собою.

other frameworks

Розгортаєте щось інше?

Рецепт скрізь однаковий — зберіть, а потім опублікуйте результат через npx harvis deploy.