こんにちは。データアナリティクス事業本部 サービスソリューション部の北川です。 今回は、Next.jsのプロジェクトで、Amplify.Providerを使ったヘッドレスの認証管理を試してみました。ヘッドレス機能を使用することで、より柔軟に認証周りの実装を行うことができます。 ちなみに現状Amplifyはドキュメントが二つあるようで、上記のサイトが新しいです。 試してみた amplify側の設定は、以下のエントリーの「amplify auth」の設定で記述しています。 aws-amplifyをインストールします。 $ yarn add @aws-amplify/ui-react aws-amplify ユーザー情報の取得 Amplify.Providerでコンポーネントをラッピングすることにより、ページ内で認証状態を取得することが可能になります。 _app.tsx import "../.
![Next.jsでAmplifyのヘッドレス機能を試してみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/194a9cfb6a3c1c20634fa9a82024d910930e4552/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Faws-amplify.png)