サインアップページの作成

[AyumuOgasawara]

概要

/signup/page.tsxに新規ユーザーが登録できるページを作成する。

タスク

• /のサインアップを押下画に遷移できるようにする。
• 以下の項目を設ける
  • 名前
  • メールアドレス
  • パスワード
  • パスワードの確認

イメージ

[AyumuOgasawara]

こんな感じのものを作成した。

[AyumuOgasawara]

しかし、時間がないかつ、家計簿というアプリのため、パスワードのDBに保持しておき認証をするよりも、認可認証をしてくれるgoogleなどを使用した方がいいかと思った。

そのため、これは一旦スタッシュして、nextauthを使っての、認可認証を実装する。

[AyumuOgasawara]

Auth.jsでCredentials Providerを使用する際に、実装する。