ししゃも

ししゃも

Create NuxtJS project using Firebase BaaS

GItHubからcloneして作っても良いのだけれど、cloneするとどうにもこうにも上手くいかないことが多いので、やっぱりスクラッチから作っていく方が変なところで躓かないです。 ※私の知識不足なだけなのですが・・・ 毎回調べながら作ってるので、ここらで手順をまとめておくことにします。 目的NuxtJSで作成したプロジェクトをFirebaseのHostingサービスを利用して公開します。利用するフレームワークやバージョンなどは適宜読み替えて参考にしてみてください。 Nux

ししゃも

    • GitHubに保存したプロジェクトから複製して新しいプロジェクトを作る

      新しいプロジェクト（new-project）用のリポジトリを作成する。 既存プロジェクト（old-project）のリポジトリから、Clone用のURLを取得する。 プロジェクトを作成したいディレクトリで以下のコマンドを実行する。 git clone https://github.com/user-name/old-project.git new-project new-project（既存プロジェクトのコピー）が作成される。 new-projectのルートディレクトリに

      ししゃも

      • Component name "login" should always be multi-word

        NuxtJSでログインページを作ろうと、pagesディレクトリに「login.vue」を作成したときにESLintが検知したエラーです。 「コンポーネントの名前は複数の単語から構成されるべきですよ」と言っています。 ではNuxtJSプロジェクトにデフォルトで入っている「index.vue」や「inspire.vue」はどうなんでしょう。 URLに表示されるものでもあるので、ここについては自由度が欲しいです。 以下の設定で回避できます。 rules: { 'vue/m

        ししゃも

        • NuxtJSではSSR？SPA？

          初めまして、ししゃもです。 noteへの初投稿は最近どっぷりとハマっているNuxtJSでのプロジェクト作成について。 Clからプロジェクトを作成する時にRendering modeとDevelopment targetでいつも「どれにすべきか」と迷います。SSRだのSPAだの、ServerだのStaticだのと質問されるのだけれど、毎回悩んでいてはいけないので自分なりに調べてまとめてみました。 SSRはレンダリングの仕組みまずSSRとは何なのか。対極にあるCSRと比較してみ

          ししゃも

        Create NuxtJS project using Firebase BaaS

        ししゃも