Develop

[u-sho]

https://www.notion.so/redimpulz/cf8cd4265ea241cb81c13a943161500b

[u-sho]

[u-sho]

問題

• clientでセッション管理しているので middleware.ts での route protection ができず，useEffect で誤魔化しています

メモ：

• もしかして firebaseServerApp でセッション管理すると middleware.ts での route protection がうまくいくかも（あえて use server でやったほうが楽？）
• firebase UI は v9 にまだ対応していません (cf. Support Firebase JS SDK v9 and v10 firebase/firebaseui-web#1055 )
• 作っているうちに慣れてきてしまいましたが配色が微妙かも
• ログインページと新規登録ページ統合したほうがいいかも(<form>内で<button type="submit">が複数あるとinvalidなのでわけています）

[takahash]

@u-sho

• 難しくなるので middleware.ts を使わず、 layout.tsx などクライアントサイドで対応してください
• firebase UIは使わなくて良いので、自前でログインフォームを用意してください
• 配色についてもう少し落ち着いた感じ（例えばGitHubくらい）にしてほしいです

[u-sho]

• layout.tsx ('use client') で非ログイン時のルート遷移を行うようにしました

• 自前ログインフォームです
  

• 配色考えるのが難しかったので一旦GitHubの色を使って落ち着かせました