Integrating Keycloakify in your Codebase

Before You Start:

This documentation section is relevant only if you already have a project and want to add a Keycloak theme as one of its deliverables.

One of the powerful aspects of Keycloakify is its ability to let you reuse components and styles from your main application in your Keycloak theme. However, if you don't have an existing codebase, it’s easier to fork the starter project and develop your Keycloak theme as a standalone project.

There is two main approach to integrate Keycloakify into your project, pick the one that you think will work best for you.

React SPA

If you happen to be developing a React Single Page Application with Vite or Webpack you can install Keycloakify directly within your project!

Monorepo

Use this when for example:

• You are using Next.js or another meta framwork that involves server side rendering.

• You are using Angular Workspaces