2022-09-06 17:22:23 +00:00
|
|
|
<p align="center">
|
2024-06-06 07:12:34 +00:00
|
|
|
<i>🚀 <a href="https://keycloakify.dev">Keycloakify</a> v10 starter 🚀</i>
|
2023-03-17 14:05:28 +00:00
|
|
|
<br/>
|
|
|
|
<br/>
|
2023-02-26 16:42:16 +00:00
|
|
|
<img src="https://github.com/codegouvfr/keycloakify-starter/workflows/ci/badge.svg?branch=main">
|
2023-03-17 14:05:28 +00:00
|
|
|
<br/>
|
2022-09-06 17:22:23 +00:00
|
|
|
</p>
|
|
|
|
|
2024-06-06 03:26:06 +00:00
|
|
|
This starter is based on Vite. There is also [a Webpack based starter](https://github.com/keycloakify/keycloakify-starter-cra).
|
2022-09-06 17:22:23 +00:00
|
|
|
|
|
|
|
# Quick start
|
|
|
|
|
|
|
|
```bash
|
2023-04-20 00:22:43 +00:00
|
|
|
git clone https://github.com/keycloakify/keycloakify-starter
|
|
|
|
cd keycloakify-starter
|
2024-06-06 07:12:34 +00:00
|
|
|
yarn install
|
|
|
|
yarn build-keycloak-theme # Build the keycloak theme, generate the .jar file to be imported in Keycloak
|
2022-09-06 17:22:23 +00:00
|
|
|
```
|
|
|
|
|
2024-06-06 07:12:34 +00:00
|
|
|
# Storybook
|
2023-04-17 00:58:17 +00:00
|
|
|
|
|
|
|
```bash
|
2024-06-06 07:12:34 +00:00
|
|
|
npx keycloakify add-story # Select the pages you want to add stories for
|
|
|
|
yarn storybook # Start Storybook
|
2023-04-17 00:58:17 +00:00
|
|
|
```
|
|
|
|
|
2024-06-06 07:12:34 +00:00
|
|
|
# Test in a real Keycloak environment
|
2022-09-06 17:22:23 +00:00
|
|
|
|
2024-06-06 07:12:34 +00:00
|
|
|
Test your theme in a local Keycloak docker container.
|
2022-09-06 17:22:23 +00:00
|
|
|
|
|
|
|
```bash
|
2024-06-06 07:12:34 +00:00
|
|
|
npx keycloakify start-keycloak
|
2022-09-06 17:22:23 +00:00
|
|
|
```
|
|
|
|
|
2024-06-06 07:12:34 +00:00
|
|
|
# Advanced customization
|
2022-09-06 17:22:23 +00:00
|
|
|
|
2024-06-06 07:12:34 +00:00
|
|
|
The starter only enables you to implement CSS level customization. To take full ownership
|
|
|
|
of some pages use the command:
|
2022-09-06 17:22:23 +00:00
|
|
|
|
|
|
|
```bash
|
2024-06-06 07:12:34 +00:00
|
|
|
npx keycloakify eject-page
|
2022-09-06 17:22:23 +00:00
|
|
|
```
|