Login with NFTs | Keycloak

Let your users authenticate in a Next.js app with NFTs.

🤟 Welcome

In this tutorial, we create our own instance of the IDP Kit locally and configure it to check users which want to authenticate for being an owner of a chosen NFT collection. We will register a client and connect it to Keycloak.

NFT collections can be hosted on the following ecosystems:

• Ethereum

• Polygon

• Tezos

• Near

• Polkadot

• Flow

The IDP Kit uses the OIDC authentication flow, the same technology used by Sign-in with Apple, Facebook, Twitter and many more. If you want to learn more about it and how it works behind the scenes, you can have a look at our concept section as well as how the ideas are translated when using NFTs.

🗂 Modules

1. IDP Kit Setup - Build and run the project in your local environment

2. Client Registration - Retrieve clientId and clientSecret from the IDP Kit, used by Keycloak

3. NFT Collection Configuration - Set NFT collection required by the users to login successfully

4. Keycloak - Register IDP-Kit as external Identity Provider with Keycloak

5. Frontend- Use Keycloak in a Next.js application (optional)

📽️ Video Version

You can also watch the full tutorial here.