Blog..

  • Home
  • ブログ
  • 【Astro】dist直下をデプロイする方法【gh-pages】

【Astro】dist直下をデプロイする方法【gh-pages】

Astro

JavaScript

posted: 2024/11/29
update: 2025/06/19

Astroで作った静的なサイトを、dist直下のみデプロイ、すなわちdist直下をそのサイトのルートにしたい場合、Githubのgh-pagesライブラリを利用してデプロイ用のgitのブランチをdist直下へ作り自動化する。

まずはgh-pagesのインストール

npm install gh-pages --save-dev

それから、package.jsonのscriptsへ下記追加。distはデプロイしたい任意のディレクトリ、その後ろにデプロイ用の任意のブランチ名を記載。(今回はprodとしています)

"deploy": "npm run build && gh-pages -d dist(任意のディレクトリ名) -b prod(任意のブランチ名)"

これでnpm run deployを実行すれば、ビルトが走りdist以下がprodブランチへpushされる。便利。
あとはsshで接続して本番環境のブランチをprodへcheckoutしておけばOK。
Astroのリリース方法をどうしようと迷っていたけれどgh-pages便利ですね。

▼ SNSでこの記事をシェア