🔩Keycloakify in my App
Setting up Keycloakify in your Web App
If you are starting a new project, the best approach is to fork the starter repo, read its readme and start from here.
If you are familiar with how Keycloakify work and you want to set it up in an existing Vite project here is what you need to do:
Add it to your dependencies
Enable the Keycloakify's Vite plugin
vite.config.ts
Register the command to build your theme
package.json
Monorepos: You can run Keycloakify from the root of your project with:
npx keycloakify --project <path>
<path>
would be typically something like packages/keycloak-theme
Storybook: List the public/ directory as static dir
.storybook/main.ts
Sources directory structure
The acceptable directory hierarchy is the following:
You can have only login
for example if you don't implement and account or email theme.
You need, however, to have a src
directory. This is not customizable.
Last updated