Firebase HostingのPage Not Foundを解決する
Nuxt.js の SSG で作成したサイトを Firebase Hosting にデプロイしたところ,Page Not Foundというエラーが表示されてしまいました.
Nuxt.js に Firebase を導入するために Nuxt Firebase というパッケージが用意されていますが,公式ドキュメントをよく見てみると v7.5 から更新されていません.現在の Nuxt Firebase の最新バージョンは v8.2.2 ですが,Nuxt Firebase v8+ では modular 形式のサポートとなっています.また,パッケージの実装は終わっていないようで,modular 形式を導入する場合にはパッケージではなく,自分で導入するようにと書かれていました.
このブログはずっと LAMP 環境に WordPress を載せて運営してきたのですが,Markdown 記法を使ってオフラインで記事が書ける環境に少し憧れがありました.最近使うことが多い Nuxt.js で作ろうかと思っても DB を用意したり markdownit 等で Markdown を変換したりと面倒に感じていましたが,もっと便利に扱える @nuxt/content というパッケージがなんだかとても良さげです.ということで,@nuxt/content を使ってブログを一から作り直しました.
Firebase Hostingでウェブサイトをホスティングする
いつも Vercel(旧 Zeit / Now)か Heroku か契約中のホスティングサーバを使うことが多かったのですが,Cloud Firestore を使っていて Firebase Hosting に目が留まったので試してみました.
Google の BaaS である Firebase を使うと,自分でサーバ上にデータベースを構築することなく簡単に会員サイトのログインシステムが作れます.