HerokuでNuxt.jsを立ち上げる手順

最近作ったこちらのサービス(川柳を投稿するのに特化したSNS)をheroku+nuxt.jsの環境で立ち上げた(http://senryu-owarai.herokuapp.com/

サービス構成図

HerokuでNuxtをホスティングする

OAuth、DB、ファイルストレージはFirebaseにする

Nuxt.js側

Nuxt.jsのプロジェクト作成

Heroku側

Herokuコンソールで”New App”で新規作成

Heroku CLIをUbuntuにインストール & ログイン

コンソールでデプロイ設定

アプリを開いてみる

エラーが出た

参考記事 https://ja.nuxtjs.org/faq/heroku-deployment/

Herokuに設定しないと行けないっぽい

HerokuにNuxt.jsのビルド用の設定を書き込む

空コミット送って再度デプロイを走らせる

herokuはmasterにプッシュしないとデプロイ走ってくれないのです

結果

こうなればOK

後半はFirebaseとのつなぎ込み。つづくのか?

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です