This is the documentation for v6, checkout the latest version
Keycloakify
HomeGitHubStartersStorybookDiscordKeycloak-js Alternative
v5
  • Keycloakify
  • Release Notes & Upgrade Instructions
  • FAQ
v5
  • 🏁Requirements
  • πŸ‘¨β€πŸ’»πŸ‘¨πŸ’» Quick start
  • πŸ§ͺDevelopment
  • πŸ“§Email customization
  • βœ’οΈTerms and conditions
  • βœ…Realtime input validation
  • ⚠️Limitations
  • πŸŒ‰Context persistence
  • 🌐Adding i18n messages keys
  • ⚑Performance optimization
  • πŸ’‚Email domain acceptlist
  • πŸ›‘Keycloak error in log
  • πŸ’ŸContributing
Powered by GitBook
On this page
  • Supported Keycloak version
  • Supported React frameworks
  • Utility that needs to be installed

Was this helpful?

Requirements

NextπŸ‘¨πŸ’» Quick start

Last updated 27 days ago

Was this helpful?

This tool will only run natively on Linux and Mac OS.

Windows users will have to use it via . More info .

This tool will be maintained to stay compatible with every Keycloak version starting from .

However, the default pages you will get (before you customize them) will always be the ones of Keycloak and some extra pages that didn't existed back then like register-user-profile.ftl.

Supported Keycloak version

See versions Keycloakify have been tested with

Latest release isn't in the list yet? It probably works fine, we just can't confirm it yet.

Supported React frameworks

If you aren't trying to integrate the theme with a preexisting react app, save yourself some time and just use .

See more

This tool assumes you are bundling your app with .

It assumes there is a build/ directory at the root of your react project directory, it's usually generated after running yarn build.

The build/ directory is expected to contain an index.html file and a build/static/ directory.

Keycloakify also assumes there is a public/ directory at the root of your react project that is used to make static files available.

Concretely Keycloakify assumes that if there is a public/a/b.c/foo.txt file. This file should be available at https://localhost:<some_port>/a/b/c.foo.txt when running your app in test mode (usually by firing yarn start).

For more detailed information see .

My framework doesn’t seem to be supported, what can I do?

Currently Keycloakify is only compatible with SPA React apps. It doesn’t mean that you can't use Keycloakify if you are using Next.js, Express or any other framework that involves a server but your Keycloak theme will need to be a standalone project. Find specific instructions about how to get started .

To share your styles between your main app and your login pages you will need to externalize your design system by making it a separate module. Checkout , it can help with that (example with ).

Utility that needs to be installed

  • mvn (), rm, mkdir, curl, unzip.

  • docker must be up and running when running start_keycloak_testing_container.sh

🏁
WSL
here
Keycloak Version 11
v11.0.3
11.0.3
12.0.4
15.0.2
16.1.0
17.0.1
18.0.0
create-react-app
Webpack
this issue
here
ts_ci
our design system
Maven