next.js
にサンプルがあるので、これを使っていきます!
まずは、サンプルをインストールします。ちなみにAPP-NAME
は、よしなに変えてください。今回はnpm
で作業します。ちなみにyarn
がない場合は、yarnpkg install has failed.
的なエラーが出るので、npm i -g yarn
でyarn
をインストールします。
$ npx create-next-app --example with-firebase-hosting APP-NAME
次に、.firebaserc
のdefault
を任意のFirebaseプロジェクトIDに置き換えます。
{ "projects": { "default": "project-id" } }
パッケージのdependencies
をインストールして、npm run dev
でローカルでアプリを実行してみましょう👷♀️
$ npm install $ npm run dev
また、デプロイなどもnpm
経由でやります。
$ npm run deploy
てな感じで、とりあえずCloudFunctionsにNext.jsアプリをホストすることができました🍺
参考
- https://github.com/vercel/next.js/tree/canary/examples/with-firebase-hosting
- https://qiita.com/1amageek/items/0d01dca2148df345224a