概要
googleアカウントでログインする機能の勉強。
メールアドレスでも出来るし、他SNSのアカウントでも出来るらしい。
手順
-
https://clerk.com/ にアクセスして、アカウントを作成する
-
ログイン
-
.envファイルにそのまま貼り付け
-
ターミナルで以下コマンドを叩く
npm install @clerk/nextjs
-
あとはドキュメント通り
ちょい足し
googleアカウントのアイコンでログイン情報を表示
-
コード
"use client"; import { UserButton } from "@clerk/nextjs"; const testUserPage = () => { return ( <div> <UserButton /> </div> ); }; export default ProtectedPage;
取り敢えずなぐり書き