Quarkus Web Bundler

Create full-stack web apps and components with this Quarkus extension. It offers zero-configuration bundling and minification (with source-map) for your web app scripts (JS, JSX, TS, TSX), dependencies (jQuery, htmx, Bootstrap, Lit etc.), and styles (CSS, SCSS, SASS).

Production build
Awesome Dev experience
Integrated with NPM dependencies through mvnpm or webjars.
Build-time index.html rendering with bundled scripts and styles
Pre-configured integrations: TailwindCSS 4+, Svelte
Server Side Qute Components (Qute template + Script + Style)

User Documentation.

Is it the same as Quinoa? It is very close but:

It is already integrated with a bundler (esbuild, which is very similar to Webpack or Rollup)
It works without any configuration
All the npm catalog is available directly as dependencies in your pom.xml/build.gradle

When should I use Quinoa instead?

I have a dedicated UI team very familiar with the NodeJS eco-system
I need a very specific NodeJs/Bundling configuration that the web-bundler does not cover

How to test my Web App without Jest or similar?

Use @QuarkusTest with Quarkus Playwright. It is very easy to create full-stack tests to cover all your scenarios (and re-using all the backend testing data).

Can I switch from Quinoa to the Web Bundler?

Yes, just move your web-dependencies to the pom.xml/build.gradle and follow the web-bundler structure, the output app should be the same.

Can I switch from the Web Bundler to Quinoa?

Yes, you just need to use a framework (like Vite) and switch to a package.json and follow your framework structure, the output app should be the same.

All the information you need to use Quarkus Web Bundler is in the User Documentation.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Andy Damevin} 💻 🚧	_{Erik Jan de Wit} 💻	_{Phillip Krüger} 💻	_{Chris Ruffalo} 💻	_Melloware 🚇	_{Selim Dinçer} 🐛	_blazmrak 🧑‍🏫
_Egor 🐛	_{Rasmus Haglund} 🤔	_Frank12B 📖	_{Sjoerd Hemminga} 🐛 💻	_{Jérémie Bresson} 💻	_{Mathieu BROUTIN} 💻 📖