Heroku Nuxt.js インフラ フロントサイド

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

最近はheroku+nuxt.jsで個人サービスを作ってました。

サービス構成図

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とのつなぎ込み。つづくのか?

-Heroku, Nuxt.js, インフラ, フロントサイド
-,

© 2024 Shiro's secret base