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

Slide 1

Slide 1 text

Slide 2

Slide 2 text

自己紹介 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.

Slide 3

Slide 3 text

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

App Hostingとは ● Firebase Hostingの代替品というわけではない ○ 静的なアプリなら従来の Hosting ○ SSRなどサーバーサイドでの処理が必要なら App Hosting ○ このように棲み分ける ● 料金 ○ App HostingはBlazeプランでのみ利用可能 9 Copyright © 2024 blessing software. All Rights Reserved.

Slide 10

Slide 10 text

これまでFirebase HostingでSSRを使うには ● Cloud FunctionsやCloudRunの構築を自分でやらないといけなかった ○ 過去の自分のブログをみると、やろうとしてめっちゃハマってた ● 一方でVercelにデプロイするとその辺意識せずに勝手にデプロイしてくれる ○ 個人リリースのアプリなので、「ほな Vercelでええやん」となった ● そういう人たちを今回やっと取り込みに来た感がある 10 Copyright © 2024 blessing software. All Rights Reserved.

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

感想 ● 画面ぽちぽちしてただけでデプロイが終わった ● なによりすごいのは、VercelからFirebaseに移行するにあたってコードを一行も変えていないこと ○ 設定ファイルすらいじってない ● 試せてないけど、GitHubインテグレーションされているので、バージョンのロールアウトなんかも簡単にできるらしい 23 Copyright © 2024 blessing software. All Rights Reserved.