Next.jsのFirebaseホスティング方法

Firebaseのデプロイ方法について紹介します。
参考記事
https://medium.com/nerd-for-tech/lets-deploy-a-next-js-app-with-firebase-hosting-e070b3aecd04

1. Firebaseにログイン（新規登録）して、新しいプロジェクトを作ります。

2. 以下のコマンドを入力して、firebase toolを入れる

npm install -g firebase-tools

3.firebaseにログインします

firebase login

4.firebaseを初期化します！！

firebase init

色々出てきますが、今回は、[hosting]のみを選択します。
その時に注意点ですが、 public derectoryを「out」に設定します。
5. package.jsonの書き換え
buildをすぐにしたいですが、その前に、package.jsonを

“build”: “next build && next export”,

と変更します！（exportするような処理を追加）
そして、npm run build を実行します！

6.ついにデプロイ
そうしたら下記のコードを実行します。

firebase deploy — only hosting

そうするとデプロイ完了です。慣れるとすぐにできます。
もしも更新したい時は、

npm run build 
firebase deploy — only hosting

で反映されます。