🔩Keycloakify in my App

A Keycloakify theme do not need to be a standalone project. If you are building an SPA React application that you bundle with Webpack, which is the case when you use create-react-app, you can install Keycloakify right into your project and build your login pages alongside the other pages of your app.

Before moving on and setting up Keycloakify in your project, first, mess around with the starter project to familiarize yourself with Keycloakify.

Once you think you are ready to move on:

yarn add keycloakify

add the following script

package.json

{
  "scripts": {
     ...
     "build-keycloak-theme": "yarn build && keycloakify"
  }
}

Git ignore the keycloak build directory:

.gitignore

...
/build_keycloak

That's it. You can build your App as a Keycloak theme with yarn build-keycloak-theme ``You might now want to have a look at the available build options:

📖pageBuild options