Zenn
Open5

Firebase Hostingを使ってWebアプリをデプロイ

Firebase
Next.js
Knob/のまど先生Knob/のまど先生

Next.jsで作ったアプリをデプロイします.

Hostingをするためにfirebase init hostingというcommandを叩く必要があるのだが,
FirebaseCLIがないと叩けないので,ない場合はまず,npm install -g firebase-tools
firebase loginでログインしておく

デプロイしたいアプリ内でfirebase init hostingを叩くといろいろ聞かれる.

すでにあるプロジェクトなので
`Use an existing project`
次にデプロイするFirebaseにあるアプリを選択

What do you want to use as your public directory? public
ReactはSPAなので,
? Configure as a single-page app (rewrite all urls to /index.html)? Yes
? Set up automatic builds and deploys with GitHub? Yes
せっかくなんでGitHubと連携してみた
連携する`ユーザ名/リポジトリ名`を入力する
? Set up the workflow to run a build script before every deploy? No
? Set up automatic deployment to your site's live channel when a PR is merged? Y
es
? What is the name of the GitHub branch associated with your site's live channel
? main

なんかいろいろファイルが作られた

Knob/のまど先生Knob/のまど先生

いざデプロイ

firebase deploy --only hosting

成功したぽいのででデプロイ先のURLを見てみると

は？

Knob/のまど先生Knob/のまど先生

時間がかかるのかなと思いきやビルドを忘れていました.
yarn buildします.
上手く言ったので再びfirebase deploy --only hosting

わくわく