HerokuにログインしてNewを選択して、Create New Appで作成
Heroku CLIをインストール
$ curl https://cli-assets.heroku.com/install.sh | sh
$ /usr/local/bin/heroku -v
heroku/7.56.1 darwin-x64 node-v12.21.0
$ heroku login
$ cd github
$ npx create-react-app heroku-react-pages
$ cd heroku-react-pages
$ /usr/local/bin/heroku git:remote -a react-pages789
$ git push heroku main
pushはmasterではなくmain
【凡ミス注意!!】git push heroku masterしたら「error: failed to push some refs to
https://react-pages789.herokuapp.com
cloneする時は、
$ /usr/local/bin/heroku git:clone -a react-pages789
$ git push すると、HerokuのReact Appが更新される
cloneした後は、$ npm installすると、
$ npm start ができる。
https://react-pages789.herokuapp.com
GitHubを使う場合は、
HerokuのページでGitHubを選択
$ npx create-react-app heroku-reactjs
$ cd heroku-reactjs
$ git remote add origin git@github.com:hiroyuki12/heroku-reactjs.git
$ git branch -M main
$ git push -u origin main
$ heroku git:remote -a heroku-reactjs789 (herokuのApp名)
$ git push heroku main
HerokuのAppが更新される。
Heroku CLI | Heroku Dev Center
今からはじめるReact.js〜Herokuへのデプロイ〜 - Qiita
Heroku に react アプリケーションをデプロイして遊ぶ - Qiita
ReactでQiita APIから記事情報を取得して表示 - MBP(はてな) を参考にQiitaを追加。