2024でFirebaseの新機能が発表されました。Hostingという機能です。AngularとNext.jsのSSRをサポートしてくれるようになったようです。https://firebase.google.com/docs/app-hosting?hl=ja自分はboobyというOSSコントリビュートしやすそうなリポジトリを探せるサービスを過去にリリースしています。Hostingでした。「?SSRどうやって動かすんだ?」と思いながらデプロイのための調査をしていたところ、どうやらCloudRunなどのサーバーサイドランタイムも使いながらでなければ動かせないということに行きつきました。これまでやってきたCSRのHostingと異なり色々と手間が増えるなという結論に至り、結果初期構築が楽なVercelにデプロイすることにしました。当時の奮闘ぶりはこちらの記事に残っていました。https://zenn.dev/bs_kansai/articles/5bfd9987791b0e過去の自分は是が非でもFirebaseを使いたかったことが読み取れるのですが(笑)Vercelの使い心地は決して悪くなく、今でも安定稼働してくれています。https://booby-pi.vercel.app/しかしこの度FirebaseでもついにSSRが実現するということで、ちょうど1年くらいの時を経てFirebaseへのデプロイに再チャレンジしてみようと思います。ソースコードやバージョンNest.jsは13系、Reactは18系を使っています。https://github.com/ysknsid25/boobyどうやってSSRできているかを判断するかSSR部分は、GitHubにリポジトリ情報をfetchしに行く際に利用しています。↓の部分がSSRでfetchして取得した結果です。SSRが成功しているかどうかはリポジトリ情報が取得できているかどうかを見れば一目瞭然ということです。ペラ1のアプリなのでgetServerSidePropsが少し大きいのは目を瞑ってください。}}以上を踏まえて、いざデプロイを試みます。Hostingを選択します。試せといわんばかりに主張してくれているのでわかりやすい。14:00現在はパブリックビューイング版かつ、完全無料というわけにはいかないようです。https://firebase.google.com/pricing?authuser=0&hl=ja通信とストレージは月5GBまで無料。サーバーサイドのランタイムはCloudRunなど各種サービス料金に準拠しているようです。実験のために有料プランで開始していきます。料金プランの更新が完了すると、始めるボタンが表示されるのでクリックします。Hostingの設定画面へ遷移します。するとGitHubとの接続を求められるので、素直に従っていきます。最後まで進むと、勝手にデプロイがはじまっていきます。有効になるまで10分ほどかかるとのことでした。SSRのログなどはCloudRun側に統合されているようです。待つと、ひとまずデプロイが完了したようです。このままでは動きません。GitHubへリクエストするのに必要なアクセストークンがないからです。これをCloudRunに設定しにいきます。すごい!!めっちゃ簡単にデプロイできた!!Done手軽さもさることながら、一番すごいなと思ったのはデプロイのためにアプリケーション側のコードになにも手を加えていないことです。Console側をぽちぽち操作しただけでSSRのデプロイまで行きつきました。他にもいろいろCDとかどうなってるんだろ?というのが気になりますが、今回はここまで。Connectなども活用することで、小〜中規模なものであれば、いよいよFirebaseもMBaaSとしてだけでなくモダンWebアプリのランタイムとしても候補として上がってくるような期待感があります。いえまだパブリックレビュー版。アイコンは公式配布のものです。x.com/tonikakuhayate/status/1806583319951233034バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。アイコンは公式配布のものです。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。