【Heroku】NuxtプロジェクトをHerokuでデプロイするだけの話

作ったNuxtアプリケーションをHerokuでデプロイしてみた

デプロイ方法

heroku-cliを導入する

$ brew install heroku/brew/heroku

Herokuにログインする

$ heroku login

ログイン用のブラウザが立ち上がります

package.jsonやnuxt.config.jsと同じ階層にProcfileを作成

$ touch Procfile

Procfile

web: npm start

Procfileとは
Herokuのプラットフォーム上にあるWebアプリがどのようなコマンドで実行されるのかを記述するファイルのこと。Webアプリを動かす指示書みたいなやつ。

masterブランチの場合はmasterにpushする

$ git push heroku master

master以外のブランチの場合はmasterにpushされるようにする
(sampleブランチをmasterにpushする場合)

$ git push heroku sample:master

URLが発行されるので、そこにアクセスすればOK