Тёмный
Joseph Garrone
Joseph Garrone
Joseph Garrone
Подписаться
Keycloak theme in Turborepo
0:31
21 день назад
oidc-spa Mock adapter
5:25
3 месяца назад
Vite + Docker + Environment variables
6:20
4 месяца назад
Environment variables in Vite
3:28
5 месяцев назад
Utilisation des couleurs dans react-dsfr
13:50
11 месяцев назад
Creating a custom button with react-dsfr
5:06
11 месяцев назад
Demo keycloak react-dsfr
3:24
Год назад
PR review: RGPD in react-dsfr
16:20
Год назад
Testing your Keycloakify theme
5:32
Год назад
Code review react-dsfr
41:31
Год назад
Onyxia in action
2:03
Год назад
Next + MUI + DSFR
12:08
Год назад
react-dsfr icons
4:27
Год назад
react-dsfr SSR and dark mode
3:21
Год назад
Onyxia
3:59
2 года назад
Keycloak theme with React
2:02
3 года назад
Комментарии
@rohit87k
@rohit87k Месяц назад
Amazing is there any way we can see the directly login page from the react app instead of the login button?
@bengabp
@bengabp 3 месяца назад
what if you want to specify the env variables in system and not env file
@josephgarronegj
@josephgarronegj 3 месяца назад
Hello. What do you mean in system? You can configure the file that declares your variables
@bengabp
@bengabp 3 месяца назад
@@josephgarronegj for instance, when you use azure app service, it will make all the env variabkes and configs available as env variables, then any process can read it. Can I do thesame in vite?
@captainnoyaux
@captainnoyaux 5 месяцев назад
Vite + React is the way to go, it's extremely good !
@jestinjames6823
@jestinjames6823 5 месяцев назад
Can you make a video on how to create custom react page? I am trying to make a custom 'contact us' page
@Developer-bj8dd
@Developer-bj8dd 6 месяцев назад
Amazing!
@josephgarronegj
@josephgarronegj 10 месяцев назад
PS: The mention of CSS in JS means we optionally offer extensive support for CSS in JS solutions but it's by no mean is it a requirement.
@gabrielcardozo7903
@gabrielcardozo7903 10 месяцев назад
I really liked the video. Is it possible to add tailwind in keycloakify? What pattern should I use to add other libraries?
@josephgarronegj
@josephgarronegj 10 месяцев назад
Sure! The all point of keycloakify is to enable you to dev your Keycloak theme like you would any other React App. So of course you can use tailwind or whatever you see fit. To get started just clone the starter repo and start adding the lib of your stack. Don’t hesitate to reach out to us on Discord if you need further assistance
@calinsteele
@calinsteele 11 месяцев назад
I’m currently #1 in the world for Trios TRN. You definitely got this!
@josephgarronegj
@josephgarronegj 11 месяцев назад
Congratulation! What's your gammer tag?
@josephgarronegj
@josephgarronegj 11 месяцев назад
PS: Avec la dernière version de MUI plus besoin de "use client"; pour utiliser des composants MUI. Il fallais juste mettre a jour.
@user-nk7fq2iz5l
@user-nk7fq2iz5l 11 месяцев назад
Thank you for the work you've done👍
@HuongPham-or6xt
@HuongPham-or6xt Год назад
T'es trop fort !
@vedatduhadaglar960
@vedatduhadaglar960 Год назад
I think you guys really lack in tutorials. Having a short video where you create your own theme would be very helpful for beginners. Just a little remark. Keep up the good work!
@josephgarronegj
@josephgarronegj Год назад
The probmem is tutorial video is that they become legacy very quicly. I want to be able to makes changes on the project without having to worry about having to re-shoot the video. I made this short one for two reason: - It's UI related, when you have to navigate a GUI it's better to show than tell. - I want pepoles to see that it actually works and that the project is actually about what they think it's about. But please suggest your favourites tech youtuber to make a Keycloakify tutorial video. I thik there is potential to make a substential amount of views.
@Woolfy95
@Woolfy95 Год назад
@Joseph Garrone where can one find video how to create one in first place.
@josephgarronegj
@josephgarronegj Год назад
Hi, There is no video but there is comprehensive documentation and examples. keycloakify.dev
@josephgarronegj
@josephgarronegj Год назад
But please suggest your favourites tech youtuber to make a Keycloakify tutorial video. I thik there is the potential to make a substential amount of views.
@roristumpf9373
@roristumpf9373 6 месяцев назад
@@josephgarronegj I think the OP is asking how to build the project. You start by running "./build_keycloak/start_keycloak_testing_container.sh" but there's no explanation on how to build that directory and file.
@roristumpf9373
@roristumpf9373 6 месяцев назад
For anyone wondering, you need to run "yarn build-keycloak-theme" before following this video
@josephgarronegj
@josephgarronegj 6 месяцев назад
@@roristumpf9373 Ok I get it. All the commands are listed in the Readme of the starter project: github.com/keycloakify/keycloakify-starter?tab=readme-ov-file#quick-start By the way this video was more like a demo of the Account theme feature but it's not meant at being a starting point. Best is to follow the instructions in the README of the starter.
@Woolfy95
@Woolfy95 Год назад
Best source to show how to create theme ?
@kasirbarati3336
@kasirbarati3336 Год назад
Hi. Thanks for the amazing work. To be perfectly honest I am really thrilled to see this video and also documentation. For those newbies like me it is better to just crumble the keycloakify-starter and then you'll know to what to do in you own project.
@rohb6552
@rohb6552 Год назад
Nothing clear please do an effort to explain
@josephgarronegj
@josephgarronegj Год назад
As I said in the pinned comment and the description, I recorded this video very earl on, if you want to learn how to use Keycloakify heads over to the official website www.keycloakify.dev/
@rohb6552
@rohb6552 Год назад
But the official docs also not clear, i don’t understand Where i install react App inside a keycloack container and then i run keycloakify ?
@rohb6552
@rohb6552 Год назад
Please what’s the steps to install it ?
@josephgarronegj
@josephgarronegj Год назад
@@rohb6552 Keycloakify generates a .jar file. That's your theme. You just ned to load it in Keycloak. There are instructions printed on the console on how to proceed after you run 'yarn keycloak'. If you don't understand the doc itself you can try playing around with the starter project. GitHub.com/garronej/keycloakify-starter Please read the README. If after reading the instructions you still have issues feel free to open a support ticket on GitHub I'll be happy to help.
@_jeff.medeiros
@_jeff.medeiros Год назад
Truth is that i had some trouble with the fact that the documentation not being 100% clear, but at the end of the day, by hacking through the files, i not only learned a lot of stuff about how to read and understand code but also learned how not to need the docs sometimes and to use such a powerful tool. This is a wonderful project and congrats for it! The only thing i wouldn't say is that is beginner friendly. Greetings from Brazil!
@josephgarronegj
@josephgarronegj Год назад
Thank you very much for the nice feedback. I do my best with the documentation but I get that it's still daunting for beginners. I think you did well by starting with github.com/garronej/keycloakify-advanced-starter (I assume) and hack around. It's a perfectly valid approach.
@onakoyaolamide7429
@onakoyaolamide7429 Год назад
Please is there a way to Customize the email template with component react instead of raw html and css?
@josephgarronegj
@josephgarronegj Год назад
Not yet sorry
@onakoyaolamide7429
@onakoyaolamide7429 Год назад
@@josephgarronegj thanks
@armandohector5306
@armandohector5306 2 года назад
could you update this video as today documentation, I`ve tried but the documentation and the video are divergent.
@josephgarronegj
@josephgarronegj 2 года назад
Hi, Sorry but I don't plan to shoot another video, it becomes obsolete as soon as I update something. I do maintain the documentation though. docs.keycloakify.dev/how-to-use Have you tried starting from one of the demo setups and mess around a bit?
@josephgarronegj
@josephgarronegj 2 года назад
I made this video very early on. The source of truth of everything Keycloakify is www.keycloakify.dev/
@wellstorm
@wellstorm 2 года назад
Looks budding! How can we typify kcContext and available ftl methods to react-ts app? should i discover some javadocs for that?
@josephgarronegj
@josephgarronegj 2 года назад
Hi, I invite you to have a look at the documentation: www.keycloakify.dev/
@inversemetric
@inversemetric 2 года назад
This is amazing, thank you for sharing
@hamidmohamadi2943
@hamidmohamadi2943 2 года назад
Hello Joseph, I want to create a react app for keycloak theme that deployed on somewhere. How can I do that?
@josephgarronegj
@josephgarronegj 2 года назад
Hi, I encourage you to start a discussion on the github repo.
@boriskotov717
@boriskotov717 3 года назад
@Joseph thats awesome!
@josephgarronegj
@josephgarronegj 3 года назад
Hey thanks. The module has now been renamed "keycloakify" github.com/InseeFrLab/keycloakify
@boriskotov717
@boriskotov717 3 года назад
@@josephgarronegj thank you!
@billl605
@billl605 6 лет назад
Wow you sure can make that 3d work, coool.
@Nlsmig
@Nlsmig 9 лет назад
Whats music name video. Please.Thanks you.
@josephgarronegj
@josephgarronegj 9 лет назад
This is one of the free song you can chose in the video editing softwar of youtube.
@Nlsmig
@Nlsmig 9 лет назад
Oh thanks Joseph Garrone. I have imagination it´s after too.