Firebase CLIのNext.jsデプロイ対応について調べる

ARANK

Firebase HostingがNext.jsのデプロイに対応した[1] と聞きつけ、Next.jsビルドツール好き[2] [3] なので様子を見てきました。 Firebase CLI framework-awareness とはフレームワークサポートを付与するためのFirebase CLI のアドオン。Firebaseプロジェクトの構成に応じて、Google Cloudのリソースを構築する。現在Next, Nuxt2/3, AngularをサポートしていてCloud Functionsにこれからのフレームワーク機能をサポートするエンドポイントを自動でデプロイしてくれる。 内部アーキテクチャnext export で .next/ ディレクトリができるfirebase-frameworks.build() がプロジェクト構造を解析してフレームワークを検知firebase-frameworks/frameworks/next.js/build() でCloud Functionsへデプロイするアーティファクトに固める.firebase/ 以下に吐き出して firebase deploy でGoogle Cloud上に反映する Getting Startedアドオン機能を有効にする$ npx create-next-app@latest next-firebase-hosting-swr -e ssr-caching $ cd next-firebase-hosting-swr $ firebase init $ yarn add -D firebase-tools firebase-frameworks $ npx firebase --open-sesame frameworkawareness En…