Set Up Custom Keycloak Login ThemesPublic

I'll help you set up Keycloakify for building custom login themes. Let me first explore your repository to understand the current structure.

I can help you set up Keycloakify to build custom login themes. Let me create the project structure and integrate it with your existing Docker setup.

I've set up Keycloakify for your Keycloak server. Here's what was created:

Structure Created

themes/├── package.json          # Keycloakify dependencies├── vite.config.ts        # Vite + Keycloakify plugin config├── tsconfig.json         # TypeScript config├── src/│   ├── main.tsx         # Entry point│   └── keycloak-theme/│       └── login/│           └── Login.tsx # Sample login page├── README.md            # Theme documentation└── .gitignore

Quick Start (Recommended)

The sample Login.tsx uses an older API. For a complete, working setup:

# Use the official starter insteadrm -rf themes/git clone https://github.com/keycloakify/keycloakify-starter.git themescd themesnpm installnpm run build-keycloak-themecd ..

Build & Deploy

# Build themes and Docker image./build-themes.shdocker build -t keycloak .docker run -p 8080:8080 keycloak

Integration Complete

• Dockerfile updated to copy theme JARs from themes/dist_keycloak/
• build-themes.sh script created for easy theme building
• Root README.md updated with full documentation

The themes will be automatically included when building your Docker image!

No, I created a basic structure manually. The code I wrote uses an older API that won't work with the latest Keycloakify.

That's why I recommended using the official starter instead:

rm -rf themes/git clone https://github.com/keycloakify/keycloakify-starter.git themescd themesnpm installnpm run build-keycloak-theme

The official starter has:

• Working page implementations
• Proper KcContext types
• i18n setup
• Storybook stories
• All dependencies correctly configured

The files I created give you the structure, but you'll need to replace them with the starter's files for a working theme.

Done! I've replaced the themes directory with the official Keycloakify starter.

What was set up:

• Official Keycloakify Starter cloned into themes/
• Dependencies installed with npm install
• Build attempted (requires Maven to complete the JAR packaging)

Important: You need Apache Maven installed to build the theme JAR:

brew install maven  # macOS

Then build the theme:

cd themesnpm run build-keycloak-theme

Next steps:

1. Install Maven
2. Build the theme JAR
3. Build your Docker image: docker build -t keycloak .
4. The theme will be available as "keycloakify-starter" in Keycloak admin console

The starter includes all the login pages (Login, Register, Reset Password, etc.) pre-configured and ready to customize in themes/src/login/pages/.