The Fully Decoupled Drupal Framework
Druxt is a framework for building fully decoupled Drupal and Nuxt.js applications and sites.
npx giget@latest gh:druxt/quickstart#develop my-druxt-site --install JSON:API client and store
A JSON:API client and Vuex store modules keep Drupal entities, resources and relationships in sync on the frontend.
Themeable Vue components
The DruxtWrapper pattern lets you override any component, down to a single field, without forking the library.
Multilingual and proxy support
Language negotiation and a request proxy work out of the box for multilingual Drupal sites.
OAuth2 login flows
druxt-auth handles Authorization Code with PKCE, token storage and authenticated requests. Add a login flow.
Built with Druxt
Four reference apps run against the same Drupal Umami demo content. The smallest is a ten page pattern index. The largest is the Content Ops Console, above.
It edits difficulty and prep time inline, and filters for articles with fields still missing.
Explore the example appsModules
Adopt the whole framework, or only the parts you need.
Druxt
The core module, DruxtClient, DruxtStore and the DruxtModule base component.
Blocks
Render Drupal blocks and block regions in Nuxt with the druxt-blocks components, themed through the Druxt component suggestion system.
Breadcrumb
Render a breadcrumb trail in Nuxt from the Drupal decoupled router, with the DruxtBreadcrumb component and its theming options.
Entity
Drupal Display Mode-powered Entity, Form and Field Druxt components.
Menu
Drupal Menu and Menu item Druxt components, with support for the JSON -API Menu Items module.
Router
Drupal router for Nuxt, powered by the Drupal Decoupled Router module.
Schema
Drupal Content Entity schema generator for Druxt with support for View and Form displays.
Site
Out-of-the-box decoupled Drupal sites with DruxtSite, wiring layout, blocks, menus and content together from one Nuxt module.
Views
Drupal Views components for Druxt with support for filters, pagination and sorting.