始めに

Vercelとは、簡単にWebアプリをホストするクラウドプラットフォームです。
サーバーの契約や面倒な設定不要で、簡単にWebサイトをホストできます。

事前準備

この作業は、Organizationのリポジトリをデプロイする場合のみ必要です。
個人のリポジトリ(個人開発では普通こちら)では不要です。

Vercelの無料プランでは、GitHub Organizationのリポジトリをそのままデプロイできません。
ここでは、対象のリポジトリを個人アカウントにForkすることで、制限を回避します。

ここからのデプロイ作業では、今Forkしたリポジトリをデプロイすることになります。

VueRouterを正常に動かすため、下記のvercel.jsonという名前のファイルを、vite.config.jsと同じフォルダ階層に設置します。

vercel.json

{
    "rewrites": [
        {
            "source": "/:path*",
            "destination": "/index.html"
        }
    ]
}

リポジトリの対象ブランチに変更が加えられた場合、自動的にVercelが再デプロイしてくれます。

この作業は、Organizationのリポジトリをデプロイする場合のみ必要です。
個人のリポジトリ(個人開発では普通こちら)では不要です。

Organizationのリポジトリを更新した場合は、Forkした個人アカウントのリポジトリを開いて、Sync forkを押せば、公開済みのサイトも更新できます。

他のアカウントが変更を加えた場合、Vercelの制限で自動的に再デプロイをしてくれません。
再デプロイするには、README.mdあたりを若干書き換えて自分が最終編集したことにします。