The Loop Tech - Vuejs

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.

After a while working with Nuxt, here are the top 10 Modules that I use in every single one of my projects.

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.

While working in the nuxt-layer-monorepo I encounter an issue with the tailwind styles:

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:

They provide tips related to

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