Authentication with React.js and Keycloak

Simple authentication "username password" form with keycloak

Tech stack

First step

Docker command to create all containers:

docker-compose up

Connect you to keycloak at http://localhost:8080 with user:admin and password: Pa55w0rd

1. Add Realm:

• realm ID: authentication_keycloak_react

2. Add user and user credentials:

• username:test
• email:test@test.com
• check "email verified"
• Create a credential for this user: test

3. Add client:

• Client ID: authentication_keycloak_react
• url: http://localhost:3000
• redirect uri: http://localhost:*
• logout: http://localhost:*

---

Connect you to pgAdmin at http://localhost:6084 with email:admin@admin.com and password:root

1. Connect your created db with this script 0-init-keycloak-database.sh launch with docker-compose command

• Register a server named keycloak with host:postgres , user:keycloak and password:password