Firebase と連携したブログアプリケーション

Image from Gyazo

GitHub: potato4d/nuxt-beginners-guide/tree/master/packages/nuxt-blog-service

アプリケーション開発としては、本書の中でもっと大きなウェイトを占める Firebase と連携した Universal Application のサンプルとなります。

「Firebase と連携した」とはいえ、ただの REST API との通信基盤として利用しており、HTTP クライアントである axios をベースとしたオーソドックスなアプリケーションの開発の流れを全て掴んで頂く事が可能となっております。

より深く学ぶには……

Firebase と組み合わせて更に高度なアプリケーションを開発したい場合、筆者の運営する JSLounge Archives(リンク下) という Web サイトにて公開されている「React + Firebase ハンズオン」および「Vue + Firebase ハンズオン」の資料が参考になります。React や Vue.js での事例をもとに、 Nuxt.js ではどのように書くかを体験してみることで、比較と学びの機会となります。

また、本書の中にも書いてありますが、 Firebase SDK を利用した形にプロジェクトを書き換え、 SPA の領域と SSR の領域それぞれを考慮した開発を行ってみても良いかもしれません。

外部リンク