Shopify用のフロントエンドを開発する際に便利な Shopify製のReactベースのフレームワークHydrogenをHerokuにデプロイしてみます。
ここでは簡単のためデプロイ対象をHerokuとしていますが、Node.jsコンテナを使うPaaSならほぼ一緒です。
前提
- Hydrogen CLI で生成されるサンプルアプリであるDemoStoreをデプロイするものとします。
- Heroku の設定やログインは済んでいるものとします。
Hydrogen の npm scripts の修正
Hydrogen のルートにあるpackage.jsonを開いて以下のように編集します。
Node.js コンテナ向けのビルドスクリプトと Hydrogen 内蔵のエントリポイント向けの起動スクリプトを設定しています。
"build": "shopify hydrogen build --target node",
"start": "node dist/node/index.js",
Heroku への デプロイ
heroku create -a アプリ名
git push heroku main
以上です。