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

  • この記事を書いた人

シロー

Webシステムの開発のお仕事をさせて頂いております。 フリーランスの日常、Web開発に関する情報を発信しています。 趣味はゲーム、映画鑑賞、個人サービスを作ることです。

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

© 2022 Shiro's secret base