Multi-Page

Initializing the Multi-Page Account Theme

The Multi-Page Account theme before customization

You've made your mind and opted for the Multi-Page Account theme? Great, let's start by initializing you theme:

npx keycloakify initialize-account-theme

When asked, select "Multi-Page".

This command will create the nessesary boilerplate for you.

Beyond that there isn't much thing you need to be aware of, things works exactly as in the login theme. You'll be able to use the keycloakifyadd-story and eject-page CLI command just select account when asked.

Internationalization and translation (i18n)

The i18n system of the Multi-Page Account theme is similar in every way to the one of the login theme, you just need to replace /login/ by /account/ everywhere.

Using the REST API

Even if you're using the Multi-Page theme you can still consume the REST API the Single-Page Account is build on top of. So, if some information you need are missing from the kcContext you can fetch them dynamically.

React

GitHub - keycloakify/keycloakify-starter at account_api_pocGitHub

Branch of the starter template modified to call the Account REST API

Angualr

GitHub - keycloakify/keycloakify-starter-angular-vite at account_api_pocGitHub

Branch of the starter template modified to call the Account REST API

Svelte

TODO

You can find the code for the Account v3 theme here. This will help you infer all the available endpoints. You can also enable the Account v3 theme in your Keycloak and use the network tab to see the available endpoints.