ブログ一覧に戻る

NuxtアプリをHerokuでデプロイしてみた!

HerokuJavaScriptNuxtDeploy

みなさんこんにちは!
イザナギです!


brew install heroku/brew/heroku


heroku login


"scripts": {
     〜省略〜  
//追加  
  "heroku-postbuild": "npm run build"
}


web: nuxt start


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


heroku plugins:install heroku-config


heroku config:push


heroku config:set "環境変数" = "値"


git init
git add . 
git commit -m '何らかのメッセージ'


heroku git:remote -a 'Herokuプロジェクト名'


git push heroku master

アプリを更新する時の注意!

「git add . 」「git commit -m '何らかのメッセージ'」などで、コミットを行わないと「git push heroku master」をしても反映されませんので注意してください!
*私も何度悩まされたことかwww

まとめ

今回は、NuxtアプリをHerokuにアップした時の設定方法についてまとめていきました。
Web上へのデプロイはHerokuでしか行ったことがないのですが、簡単にできるのでいいですよね!
しかし、いきなりWeb上にデプロイを行ったので、エラーも発生してしまいました。
それは、記事が長くなりそうなので、次回書いていきたいと思います!
それでは、今回はここで筆を置かせていただきます!
最後まで記事をご覧いただきありがとうございました!

関連記事

この記事に関連するおすすめです。