Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Google I/O 2024で発表された Firebase App HostingでNext.jsのSSRを試す

Kanon
June 02, 2024
190

Google I/O 2024で発表された Firebase App HostingでNext.jsのSSRを試す

Google I/O Extended 2024でのLT発表資料です。

Kanon

June 02, 2024
Tweet

More Decks by Kanon

Transcript

  1. Google I/O 2024で発表された Firebase App HostingでNext.jsの SSRを試す Copyright © 2024

    blessing software. All Rights Reserved. Kanon (@samurai_se) #GDG_Kyoto 1
  2. 自己紹介 2 Kanon 株式会社 虎の穴ラボ 個人事業 blessing software samurai_se ↓詳しくは↓

    • 3次元に嫁が1人います。2次元にはたくさんいます。 • 水瀬いのりライブTで神戸から色んなテックカンファレンスに登壇してる人です • 最近「アイコンみたことある!」と声かけていただける率が増えてて嬉しい • 本業はKtor(Kotlin), Next.jsで副業がLaravel, Nest.js,Next.js Copyright © 2024 blessing software. All Rights Reserved.
  3. 簡単にFirebase関連のリリース • App Hosting ◦ CloudRunと統合して簡単にSSRができるようになった • Data Connect ◦

    CloudSQLでホストされているPostgreSQLに直接接続できるようになった ◦ GraphQLベースの簡潔な言語で定義できる • Geminiをより簡単に使えるようにSDKが追加 • モニタリングの強化 4 Copyright © 2024 blessing software. All Rights Reserved.
  4. Webエンジニアの自分として特に気になったもの • App Hosting ◦ CloudRunと統合して簡単にSSRができるようになった • Data Connect ◦

    CloudSQLでホストされているPostgreSQLに直接接続できるようになった ◦ GraphQLベースの簡潔な言語で定義できる • Geminiをより簡単に使えるようにSDKが追加 • モニタリングの強化 5 Copyright © 2024 blessing software. All Rights Reserved.
  5. Webエンジニアの自分として特に気になったもの • App Hosting ◦ CloudRunと統合して簡単にSSRができるようになった • Data Connect ◦

    CloudSQLでホストされているPostgreSQLに直接接続できるようになった ◦ GraphQLベースの簡潔な言語で定義できる • Geminiをより簡単に使えるようにSDKが追加 • モニタリングの強化 6 Copyright © 2024 blessing software. All Rights Reserved. そのうち今回は App Hosting を試してみた話
  6. App Hostingとは • Firebase Hostingの代替品というわけではない ◦ 静的なアプリなら従来の Hosting ◦ SSRなどサーバーサイドでの処理が必要なら

    App Hosting ◦ このように棲み分ける • 料金 ◦ App HostingはBlazeプランでのみ利用可能 9 Copyright © 2024 blessing software. All Rights Reserved.
  7. これまでFirebase HostingでSSRを使うには • Cloud FunctionsやCloudRunの構築を自分でやらないといけな かった ◦ 過去の自分のブログをみると、やろうとしてめっちゃハマってた • 一方でVercelにデプロイするとその辺意識せずに勝手にデプロイ

    してくれる ◦ 個人リリースのアプリなので、「ほな Vercelでええやん」となった • そういう人たちを今回やっと取り込みに来た感がある 10 Copyright © 2024 blessing software. All Rights Reserved.
  8. Vercelで動いているアプリで検証 15 Copyright © 2024 blessing software. All Rights Reserved.

    この部分を Server Actions で取得している デプロイ ↓ 表示できれば動い ている
  9. 25 Copyright © 2024 blessing software. All Rights Reserved. 📢

    最後に宣伝だけ 🙏 オフラインLT会を 神戸で開催します! オンラインでも毎朝もくもく会 してます!
  10. 26 Copyright © 2024 blessing software. All Rights Reserved. 📢

    最後に宣伝だけ 🙏 PHP以外の話も ウェルカムです!! GCPの話もしにきて ください!
  11. Copyright © 2024 blessing software. All Rights Reserved. Illustrated by

    @amon_mikio おわりに 三ノ宮で待ってます!! samurai_se