Quinoa is a Quarkus extension which eases the development, the build and serving of single page apps or web components (built with NodeJS : React, Angular, Vue, Lit, Svelte, Astro, SolidJS …) alongside Quarkus. It is possible to use it with a Quarkus backend in a single project.
You will be able to do live coding of the backend and frontend together nearly out of the box. In Quarkus dev mode, Quinoa will start the node live coding server provided by the target framework and forward relevant requests to it.
There are multiple versions available please check which one for your Quarkus release version.
| Version | Explanation |
|---|---|
 |
Quarkus 2 (legacy) |
 |
Quarkus 3 Long Term Support |
 |
Quarkus 3 Latest |
Read the full Quinoa documentation.
- Create or use an existing Quarkus application
- Add the Quinoa extension
- Install NodeJS or make sure Quinoa is configured to install it.
Create a new Quinoa project (with a base Quinoa starter code):
- With code.quarkus.io
- With the Quarkus CLI:
quarkus create app quinoa-app -x=io.quarkiverse.quinoa:quarkus-quinoaThen start the live-coding:
quarkus devAnd navigate to http://0.0.0.0:8080/quinoa.html
You could also just add the extension (but you won't get the starter code):
- With the Quarkus CLI:
quarkus ext add io.quarkiverse.quinoa:quarkus-quinoa- Contribution is the best way to support and get involved in community!
- Please, consult our Code of Conduct policies for interacting in our community.
- Contributions to
quarkus-quinoaPlease check our CONTRIBUTING.md
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!