nuxtプロジェクトをherokuへデプロイする

vue

プロジェクトを作成する。

% npx create-nuxt-app <project-name>

herokuにアクセスして、アプリを作成する。

dashboard.heroku.com

heroku CLI で、ログインする。

% heroku login

ログインしたら、gitにリモートリポジトリを追加する。

% heroku git:remote -a <herokuで作ったアプリの名前>
% git remote

で、herokuが追加されてたらハッピー。

以下のコンフィグは設定しておく。

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

あとは、git通りに、git add | pushしていく。

% git add .
% git commit -m '<コメント>'
% git push heroku master

でおっけい。herokuで確認していく。

確認で来たらおっけい。