Login with SSI | Next.js

Let your users authenticate in a Next.js app with a Verifiable Credential.

🤟 Welcome

In this tutorial, we create our own instance of the IDP Kit locally and configure it, so users can log in using their Verifiable Id Credential. We will register a client, connect our frontend and enable login with Verifiable Credentials. The frontend builds on Next.js and will use NextAuth.js as authentication library.

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 Verifiable Credentials.

🗂 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 in the frontend

3. Verifiable Credential Configuration - Configure scopes and claims for client

4. Next.js - Setup and connect frontend to IDP Kit and enable sign in with Verifiable Credentials