Nuxt.jsをHerokuへデプロイする手順

事前準備

• Nuxt.jsインストール
• git導入

アカウント作成

Heroku Sign up

Heroku Toolbeltの導入

コマンドにて

brew install heroku/brew/heroku

Herokuへログイン

heroku login

heroku上にアプリを作成

heroku create

herokuへデプロイ

git push heroku master

.envがある場合は、herokuへ反映

heroku plugins:install heroku-config
heroku config:push

Nuxt.jsのデプロイに必要な設定

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

package.json

"scripts": {
    "dev": "nuxt",
    ...
    "heroku-postbuild": "npm run build"
},

heroku に npm run build を実行してもらうために　"heroku-postbuild": "npm run build" を追記

作成したアプリを開く

heroku open

ログ確認

heroku logs --tail

アプリの更新

git push heroku master