🐥

NextAuthでGoogleログインを実装する

2025/01/14に公開

NextAuthでGoogleログインを実装する

https://qiita.com/Itsuki54/items/dd248b5b0af63f89b652

前回の記事でNextAuthのセットアップは完了しました
今回はGoogleログインの実行方法について解説します

https://console.cloud.google.com/apis/credentials

アクセスし、プロジェクトの作成を行う
同意画面の作成を行う
ログイン時に出てくる画面のことを指す

:::note info
Usertypeを外部
:::
他はプロジェクトに合わせるだけ

認証に戻り、認証情報の作成→OAuthクライアントの作成に進む

:::note info
「承認済みの JavaScript 生成元」にhttp://localhost:3000を入力します。
「承認済みのリダクレイト URI」にhttp://localhost:3000/api/auth/callback/googleを入力します。
:::

他はプロジェクトに合わせる

:::note warn
この後に出てくるクライアント ID」と「クライアントシークレット」は必ずコピーする
:::

GOOGLE_CLIENT_ID=''
GOOGLE_CLIENT_SECRET=''

にペーストする

コレによりGoogleログインが実装される

GitHubで編集を提案

Discussion