Skip to content

Latest commit

 

History

History
 
 

keycloak-oidc-authentication

README.md

WunderGraph Example with Keycloak OpenID Connect Authentication

Getting Started

1. Get GitHub OAuth2 app credentials:

  1. Go to GitHub profile settings and create a new OAuth app.
  2. Generate client secret
  3. Set authorization callback URL to: http://localhost:8080/realms/demo/broker/github/endpoint, and home page URL to: http://localhost:3000
  4. Rename the .example.env file to .env
  5. Copy Client ID as set it as GITHUB_APP_CLIENT_ID in the .env file
  6. Click on Generate a new client secret copy the secret and set as GITHUB_APP_CLIENT_SECRET in the .env file

2. Install & Start

Run keycloak:

docker compose up -d --wait

Install the dependencies and run the complete example in one command:

npm install && npm start

3. Use the application

On the NextJS frontend, click the "Login" button. Once the login is complete, the Frontend will automatically fetch the data and inject the bearer token into the origin request.

Keycloak console user name: admin, password: admin

Learn More

Read the Docs.

Got Questions?

Join us on Discord!