チャットApp(Firebaseプロジェクト作成)

今回は前回構築したnext-appにfirebaseを使えるようにします。firebaseの設定の説明を簡単にします。

まずプロジェクトの作成

firestoreとfirestorageの作成をします。

それからfirebase authの設定をします。

googleのOAuthは有効にするだけで利用出来ます。twitterについては以下のようにtwitterの方で認証用のAPIを作成する必要があります。なぜこのAPIが必要なのか？的なことを文字数制限付きで書くところがめんどくさいぐらいです。

あとはアプリはfirebaseの方でアプリを登録します。表示された各種キーは後から確認出来るので気にしなくて大丈夫です。

ここまで出来たら前回作ったnext-appのディレクトリで作業します。ターミナルでnext-appのディレクトリを開き $ firebase init でfirebaseの各種設定ファイルを生成します。

それからnext.jsでfirebaseが使えるように $ yarn add firebase でfirebaseモジュールをインストールします。

これでfirebaseが使える環境が出来たと思いますが、next.jsでfirebaseを使うのは初めてなので、次回next-appで使ってみようと思います。