How to connect keycloak and Nuxt

NuxtLabs, creators and stewards of Nitro and Nuxt, are joining Vercel.Nuxt, the fullstack web framework, is trusted by hundreds of thousands of developers and used by some of the world’s largest companies, with more than 1 million downloads every week.Nitro is the server runtime built for consistency across frameworks, platforms, and workloads. It powers APIs, AI agents, and more. In many ways, Nitro does for web frameworks what the Open Container Initiative did for containers: setting a clear, portable standard.

https://dev.to/leamsigc/vuejs-and-nuxt-challenges-where-to-practice-what-you-have-learned-4amb Looking for a site where you can practice or put on practice your Vue.js skills,well don’t look anymore, here is a hidden gem. Vuejs-challenges You can find challenges for all skill levels, from Beginner, intermediate & even expert level challenges.

Daniel Roe Nuxt core member Creator of a lot of the nuxt Modules. vueschool The conference section is amazing You can get a lot overview on where the framework is going after listening to a couple talks Alexander Lichter All themes related to Nuxt & Vuejs Host of the DejaVue Podcast Nuxt core member John Komarnicki Small easy to digest videos related to nuxt and vuejs Excellent explanations about on how and why he is doing what he is doing in the video Tim Benniks Love the touch of music on the videos of Tim One of the topics that I like personally is how he manage to 100% on google speed with nuxt. Kaizen Codes Really nice examples of nuxt in real applications One of my favorite videos is Nuxt content blog & firebase # Behon Baker

After a while working with Nuxt, here are the top 10 Modules that I use in every single one of my projects. Nuxt Devtools Nuxt Tailwind Using Tailwind CSS in your Nuxt project is only one command away.

While working in an internal project, I got the task of getting the connection between keycloak and our nuxt application. After an hour of research, I found two feasible options to get this working fast and easy. manage the keycloak manually Using # Nuxt OpenID-Connect Module

While working in the nuxt-layer-monorepo I encounter an issue with the tailwind styles: UI Layer have a tailwind config file and override the default tailwind CSS configurations Then using the UI Layer in the Content layer Tailwind configurations got reset to the base for some reason, even that the layers' config should be use So the solution that I found and is currently working is just to create a new tailwind.config.ts in the Content layer

### Developing a new theme for keycloak sometimes is hard if you have to clear the cache on every single change. When working or developing a new keycloak theme it is better to set the configuration for the keycloak cache to false, that way every rebuild of the keycloak your changes are reflected right a way For older version of keycloak the solution was to update the `standalone.xml` then updating the `theme` tag

In the nuxt docs for Cloudflare deployment (https://nuxt.com/deploy/cloudflare), it mentions two options of nuxt build or nuxt generate. It says: "To leverage server-side rendering on the edge, set the build command to: nuxt build vs To statically generate your website, set the build command to: nuxt generate" What are the pros and cons to each approach here? Is it as simple as SSR vs SPA? Will it matter if for example I choose nuxt build for SSR but have areas in my app that are [ClientOnly] ? Blog

The Resource of the week is: https://vuejstips.com They provide tips related to Vuejs Nuxt Vite You can see small examples of the tip on how to use them, base on the filter that you provided. For me, one of the tips that I’m currently using is the Nuxt Content Module, Experimental feature related to search. That will give you the possibility of search in any of your documents: With some simple configuration and a composable, you can add search to your Nuxt Content site.

How to load env variables for a Nuxt project in a monorepo When working on project that use a monorepo with Nuxt Layers, we will need to load environment variables that are located on the root of the project You can find the blog post https://dev.to/leamsigc/how-to-load-env-for-nuxt-layers-38g1