認証機能を簡単に実装できるライブラリです。アカウントを使用したソーシャルログインをシュッ!っと組み込めます。inボタンが表示されるので押下します。GitHubボタンが表示されるので押下します。ページへ移動するのでログインします。リダイレクトされ、ブラウザに自分のアカウント情報と取得したアクセストークンが表示されます。取得する際のトークンに使用できますので、良かったらお試しください。上記操作で発行されたアクセストークンは以下のページから無効化できます。設定するだけなので割愛し、その他2ファイルで何をしているか簡単に解説します。使用する場合もここで同様に設定します。用意しておいたもの)を設定しています。簡単に言うと何かのアクションが実行されたタイミングで発火させたい処理を記述します。上記ではjwtとsession以外割愛しましたが、他にもsignInとredirectがあります。console.logを入れてますので、コンソールを眺めながら画面を触ると各コールバックがどのタイミングで実行されるかわかると思います。公式ページにも英語ですがわかりやすい解説がありますので、一度読んでみると理解が深まります。サンプルが少ないので記事にしました。今回は簡単な例でしたが、取得した認証情報を使ってあれこれするサンプルも今後作りたいと思います。作りましたhttps://zenn.dev/thim/articles/9ff415100b892d23aa59ツイートhimiReactとNextが好きですバッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフト券が還元されます。最後にZennエンジニアのための情報共有コミュニティAboutZennについて運営会社お知らせ・リリースGuides使い方Publicationよくある質問LinksTwitterGitHubメディアキットLegal利用規約プライバシーポリシ。