🏁
Requirements
This tool will be maintained to stay compatible with every Keycloak version starting from Keycloak Version 11.
However, the default pages you will get (before you customize them) will always be the ones of Keycloak v11.0.3 and some extra pages that didn't existed back then like
register-user-profile.ftl. If you aren't trying to integrate the theme with a preexisting react app, save yourself some time and just use create-react-app.
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). 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 here.
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 ts_ci, it can help with that (example with our design system).
dockermust be up and running when runningstart_keycloak_testing_container.sh
Last modified 3d ago