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をコマンド1つでデプロイ

プロジェクトをビルドして、出力フォルダを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にデプロイするのは本当に無料ですか？

はい、クレジットカードは不要です。無料枠は1サイトあたり500ファイル・50 MBで、静的なViteのビルドなら十分すぎるほどです。公開したサイトに有効期限はなく、削除するまで公開され続けます。

デプロイしたViteサイトに独自ドメインは使えますか？

どのサイトも無料のharvis.pageアドレスが割り当てられ、オーナー登録後にダッシュボードから好きなサブドメインを選べます（ランダムな名前の代わりにmy-app.harvis.pageのように）。すでに持っている独自ドメイン（mystore.comなど）をサイトに向ける機能は、まだ用意されていません。

ViteをVercelやNetlifyにデプロイするのと何が違いますか？

VercelやNetlifyは、Gitリポジトリを接続してビルドを自分たちのサーバー上で実行し、ダッシュボードで設定する仕組みが中心です。harvisはそれをすべて省略します。ローカル（または自分のCI）でビルドし、出力フォルダに対してCLIコマンドを1つ実行するだけでリンクが手に入ります — プロジェクトの設定も、サイトを残しておきたくなるまでのアカウントも不要です。

other frameworks

別のものをデプロイしますか？

手順はどれでも同じです — ビルドしてから、出力フォルダをnpx harvis deployするだけ。