Heroku へデプロイするには?

Node.js 向けの Heroku のドキュメント を読むことをお勧めします。

まず npm run build を実行できるようにするために、Heroku にプロジェクトの devDependencies をインストールすることを伝える必要があります:

heroku config:set NPM_CONFIG_PRODUCTION=false

また、アプリケーションにホスト 0.0.0.0 を listen させプロダクションモードで起動します:

heroku config:set HOST=0.0.0.0
heroku config:set NODE_ENV=production

下記は Heroku ダッシュボードの Settings セクションに表示されています:

nuxt config vars Heroku

Heroku はアプリの dyno によって実行されるコマンドを指定する Procfile (ファイル拡張子を付けずにファイル名を Procfile という名前にします)を使用します。Procfile を起動するのはとてもシンプルで、以下の行を含める必要があります:

web: nuxt start

これは nuxt start コマンドを実行するように指示し、heroku に外部 HTTP トラフィックを向けるように伝えます。

最後にアプリケーションを Heroku に git push します:

git push heroku master

Heroku に master ではないブランチをデプロイするには次のようにします:

git push heroku develop:master

develop はあなたのブランチの名前です。

やりました!これで Nuxt.js アプリケーションは Heroku でホストされるようになりました!

Platinum Sponsors

Storyblok Support Us