こんにちは。データアナリティクス事業本部 サービスソリューション部の北川です。 今回は、Next.jsのプロジェクトで、Amplify.Providerを使ったヘッドレスの認証管理を試してみました。ヘッドレス機能を使用することで、より柔軟に認証周りの実装を行うことができます。 ちなみに現状Amplifyはドキュメントが二つあるようで、上記のサイトが新しいです。 試してみた amplify側の設定は、以下のエントリーの「amplify auth」の設定で記述しています。 aws-amplifyをインストールします。 $ yarn add @aws-amplify/ui-react aws-amplify ユーザー情報の取得 Amplify.Providerでコンポーネントをラッピングすることにより、ページ内で認証状態を取得することが可能になります。 _app.tsx import "../.