Registration Page

Angular

The register page can be customized in Angular. As soon as you run npx keycloakify eject-page and pick the register page all its sub components are also ejected into your project:

In this video, I explain how to customize the register page of Keycloak, both at the Keycloak configuration level and at the theme level.

Timestamps

• 01:28 - User Profile Attributes Configuration
• 11:05 - Password Policies Configuration
• 13:27 - Email Domain Accept List
• 15:10 - Adding Custom User Attributes to the JWT of the ID and Access Token
• 16:31 - Exporting the Realm Configuration
• 19:14 - Creating Storybook Stories for the Register Page
• 23:53 Customizing the Register Page with CSS
• 26:35 - Customizing the Register Page with React