LogoLogo
ProductsCommunityGitHubShare Feedback
IDP Kit
IDP Kit
  • What is the IDP Kit?
    • Introduction
    • IDP Kit
      • IDP Kit | Basics
        • Overview
        • Functionality
      • Architecture
  • Getting started
    • Quick Start
    • CLI | Command Line Interface
    • REST APIs
    • Dependency (JVM)
    • Public deployments
    • Build
      • Docker
  • Demos
    • Try Login With NFT
  • Tutorials
    • Login with NFTs | Next.js
      • IDP Kit Setup
      • Client Registration
      • NFT Collection Configuration
      • Next.js
    • Login with NFTs | Keycloak
      • IDP Kit Setup
      • Client Registration
      • NFT Collection Configuration
      • Keycloak (18.0.2)
      • Keycloak (>19.0.1)
      • Frontend - Next.js
    • Login with SSI | Next.js
      • IDP Kit Setup
      • Client Registration
      • Verifiable Credential Config
      • Next.js
  • Configuration and Setup
    • IDP Kit configuration and setup
    • OIDC Manager configuration
      • Keys and signatures
      • Client registration
      • Client authentication
      • Claim configuration
    • SIOP Manager configuration
    • NFT Manager configuration
  • Concepts
    • OIDC Authentication - Recap
    • Identity provision via SSI
    • Identity provision via NFTs
      • EVM | Identity Provision
        • Sign in With Ethereum (SIWE)
      • Tezos | Identity provision via NFTs
        • Sign-In with Tezos (SIWT)
      • Near | Identity provision via NFTs
        • Sign-in with Near Protocol (SIWN)
      • Polkadot | Identity provision via NFTs
        • Sign-in with Polkadot (SIWP)
      • Flow | Identity provision via NFTs
        • Sign-in with Flow (SIWF)
      • Algorand | Identity provision via NFTs
        • Sign-in with Algorand (SIWA)
    • IAM / KeyCloak integration
  • Community
    • Discord
    • Twitter
    • Newsletter
    • GitHub Discussions
  • DEVELOPER RELATIONS
    • Contribute
    • Roadmap
    • Share Feedback
    • Contact
  • Product Editions
    • Open Source | Always Free
    • Enterprise
    • Cloud Platform
Powered by GitBook
On this page
  • Intro
  • Getting Started

Was this helpful?

Export as PDF
  1. Tutorials
  2. Login with SSI | Next.js

IDP Kit Setup

PreviousLogin with SSI | Next.jsNextClient Registration

Last updated 1 year ago

Was this helpful?

Intro

Before you start with the project setup, make sure you have the following dependencies on your local machine:

Getting Started

For running the project, you have two options: Docker or Gradle.

  1. Cloning the project

git clone https://github.com/walt-id/waltid-idpkit.git

2. Changing directory

cd waltid-idpkit

3. Open the project in your feavourite IDEA

4. Create a walt.yaml file in the root directory of the project. Values needed are described in the .

5. Building the project

./gradlew build install

6. Creating an alias (optional)

alias idpkit="build/install/waltid-idpkit/bin/waltid-idpkit"
  1. Cloning the project

git clone https://github.com/walt-id/waltid-idpkit.git

2. Changing directory

cd waltid-idpkit

3. Open the project in your feavourite IDEA

4. Create a walt.yaml file in the root directory of the project. Values needed are described in the .

4. Building the project

docker build --rm -t waltid/idpkit .

5. Creating an alias (optional)

alias idpkit="docker run -p 8080:8080 -e WALTID_DATA_ROOT=/data -v $PWD:/data waltid/idpkit"

Running the IDP-Kit Frontend The frontend with which the user will interact to authenticate by doing a connect wallet.

Change into the frontend directory

cd web/waltid-idpkit-ui/

Install dependencies using node v.16

yarn install 

or 

npm install

Running the project

yarn dev

or 

npm run dev

Configuring the SSI wallet used during authentication

In the verifier config (config/verifier-config.json), we can define the SSI wallet which should be used. For this example, we can use the hosted wallet by walt.id.

{
  "verifierUiUrl":"http://localhost:5000/sharecredential?state=",
  "verifierApiUrl":"http://localhost:5000/api/siop/default",

  "wallets": {
    "walt.id": {
      "id": "waltid",
      "url": "",
      "presentPath": "api/siop/initiatePresentation/",
      "receivePath" : "api/siop/initiateIssuance/",
      "description": "walt.id web wallet"
    },
    "local": {
      "id": "local",
      "url": "",
      "presentPath": "api/siop/initiatePresentation/",
      "receivePath" : "api/siop/initiateIssuance/",
      "description": "local wallet"
    }
  }
}
JDK 16 build environment
Gradle
Node v.16
configuration section
configuration section