heroku.mdx

title	description	type	i18nReady
AstroサイトをHerokuにデプロイする	Herokuを使ってAstroサイトをウェブにデプロイする方法。	deploy	true

import { Steps } from '@astrojs/starlight/components';

Herokuは、クラウド上でモダンアプリを構築、実行、管理するためのPlatform as a Serviceです。このガイドを使用して、AstroサイトをHerokuにデプロイできます。

:::danger 以下の手順は、非推奨のheroku-static-buildpackを使用しています。代わりにheroku-buildpack-nginxに関するHerokuのドキュメントを参照してください。 :::

デプロイ方法

1. [Heroku CLI](https://devcenter.heroku.com/articles/heroku-cli)をインストールします。

2. サインアップしてHerokuアカウントを作成します。

3. heroku loginを実行し、Herokuの認証情報を入力します。

   $ heroku login

4. プロジェクトのルートにstatic.jsonというファイルを以下の内容で作成します。

   {
     "root": "./dist"
   }

   詳しくはheroku-buildpack-staticをご覧ください。

5. Herokuのgitリモートを設定します。

   # バージョン変更
   $ git init
   $ git add .
   $ git commit -m "My site ready for deployment."
   
   # 指定した名前で新しいアプリを作成する
   $ heroku apps:create example
   
   # 静的サイトのビルドパックを設定する
   $ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git

6. サイトをデプロイします。

   # サイトを公開する
   $ git push heroku master
   
   # ブラウザを開き、Heroku CIのダッシュボード版を表示します。
   $ heroku open