コンテンツにスキップ
Astro Astro

AstroサイトをHerokuにデプロイする

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

デプロイ方法

  1. Heroku CLIをインストールします。

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

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

    Terminal window
    $ heroku login

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

    static.json:

    {
      "root": "./dist"
    }

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

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

    Terminal window
    # バージョン変更
    $ 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

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

    Terminal window
    # サイトを公開する
    $ git push heroku master
    

    # ブラウザを開き、Heroku CIのダッシュボード版を表示します。
    $ heroku open

デプロイガイド

その他のデプロイガイド

デプロイ種別でフィルタ