Email Theme

There are two ways you can create a Keycloak Email theme with Keycloakify

Using keycloakify-emails

keycloakify-email is a Keycloakify plugin that enable to create an email theme using jsx-email or any other email templating solution.

GitHub - garronej/keycloakify-emails at email_dir_locationGitHub

This plugin will evenutally be integrated to Keycloakify core.

This approach only works in Vite project. So not with Webpack/Create-React-App

React

yarn add keycloakify-emails jsx-email

Svelte

yarn add keycloakify-emails @keycloakify/svelte-email

For more instruction on how to configure Keycloak to send emails see this video.

Using FreeMarker

npx keycloakify initialize-email-theme, select the native option.

Running this command will initialize a native email theme in the src/email directory.

Using assets in native email theme

To use images you can put them into src/email/resources/ example:

kc-logo.png in src/email/resources

And then you can import them using the FreeMarker varialble url.resourcesUrl. Example:

Using kc-logo.png