素肌にサスペンダー

個人的な備忘と日記

【Heroku】ReactのアプリをHerokuにデプロイする

ほとんど下記記事と同じ。

bnsgt.hatenablog.com

以下のみ異なる。

  • ブラウザのHerokuダッシュボードで、作成したアプリのsetting(https://dashboard.heroku.com/apps/{アプリ名}/settings)Add buildpackをクリックし、node.jsを選択し、Enter Buildpack URLに、https://github.com/mars/create-react-app-buildpackを入力し、Save Changes

  • Reactのソースコードのpackage.jsonに以下を追記(バージョンはローカルで使っているものをnode -vnpm -vで確認して指定。)

  "engines": {
    "node": "16.10.0",
    "npm": "6.14.11"
  }

Vueのプロジェクトでも同じだと思う。