【Next.js】Auth0を使って手軽で安全に認証機能を実装する方法

Next.jsでAuth0を使う方法について解説しているページが少ないので、ここにまとめておきます。 Auth0とは? Auth0とは、認証・認可のサービスをクラウドで提供している会社。いわゆるIDaaS (Identity as a Service)ベンダーと呼ばれるものです。 ライブラリーが豊富で簡単に実装でき、アプリ内で個人情報を保持しないため安全にログイン機能を実装できるのが魅力です。また、ログインできるSNSアカウントの種類も豊富なのが特徴です。 Google facebook github twitter amazon yahoo などでログインできます。 また、フリープランでは以下の制約があるものの個人で利用するには十分です。 7000人までのアクティブユーザー 2種類までのソーシャルログイン さらに、ReactやVue、Angularなど有名どころのフレームワークのチュート