Use Craft CMS Query Builder in Nuxt
With the Nuxt Craft CMS module, you can easily integrate Craft CMS and leverage the Craft Query Builder in your Nuxt projects.
Features
- Query builder: Easily build and execute queries directly from Nuxt, enabling flexible, real-time data retrieval from Craft CMS
- Built in Helper Components: Connect your data directly with your Vue components, to speed up development.
- Get Only the Data You Need: Avoid overfetching by using a custom function in the query builder to select only the fields you require.
- Pretty Json: Json Transformer are in place to prettify the response.
- Support for Main Element Types: Query addresses, assets, entries and users.
Examples
Want to see how it works?
app.vue
const entry = useCraftQuery('entries')
.id(1)
.status('active')
.siteId(1)
.slug('page-1')
.one()
It is as simple as that. 🚀 The response will be the entry with id 1.
### Further Resources
- [Craft Query API](/libraries/craft-query-api): A Craft CMS Plugin, that powers this stuff.
- [Vue Craft CMS](/libraries/vue-craftcms): A package to use the query builder in Vue.
- [Js Craft CMS API](/libraries/js-craftcms-api): The core package, you can build wrappers around it to support your framework. If you want to build a wrapper around it for your framework -> Hit me up :)