Next.jsをベースに、Firebase JS SDKとChakra UIをセットアップしたリポジトリです。
- firebaseプロジェクトを新規作成してください
/firebaseディレクトリにてFirebaseの設定ファイルを設置しています.env.local.exampleを.env.localにコピーしてFirebaseの環境変数を記入してください。yarn devで立ち上がります
- メールアドレス認証をONにする
- Firestoreを正しいリージョンで立ち上げる
- プロジェクトの表示名をサービス名にする
/loginページでメールアドレスを入力するとメールリンク認証のメールが届くのでクリックするとログインが完了します
ヘッダーにログアウトボタンが出るので、ログアウトも可能になります