【React】Next.jsをfirebaseにデプロイする方法

package.jsonを修正

"start"に「-p $PORT"」を追記かつ、"export"を追加

  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start -p $PORT",
    "export": "next export"
  },

build & export

以下コマンドを叩いて、ビルドする

npm run build

そのあと、エクスポートする

npm run export

build&exportに成功するとoutフォルダに、静的ファイルが吐き出される

firebaseのデプロイ準備

まずは、以下コマンドを叩く

firebase init

各質問に答えていき、以下の質問の際に「out」を入力する

? What do you want to use as your public directory? out

firebase.jsonに正しい内容が記載されていることを確認して、デプロイ実行

firebase deploy

以上！