Progressive Enhancements with VueJS widgets DrupalCon Portland 2022

Speaker: John Locke

t's no longer a battle between Drupal and WordPress. Today, it's React vs Vue vs Svelte vs Angular vs (insert your other favorite front-end framework here). The back end CMS is becoming an afterthought.

Or is it?

Drupal works extremely well as a back-end headless CMS. But you don't need to switch over to headless all at once. With some setup, you can start incorporating rich front-end elements on existing Drupal sites today!

This talk will cover:

- Quick overview getting started with Vue.js
- Creating a custom Drupal module that renders Vue components as Drupal blocks and field widgets
- Using JSONAPI and Vuex for making components reactive
- Using the new Decoupled Menus initiative
- Setting up a build system to facilitate rapid front-end development as well as building for Drupal
- Routing considerations, using both Drupal routes and Vue-Router

The best thing about Drupal is how good it is at evolving to meet changing requirements. By the end of this talk, you should gain new insights in how your Drupal site can take advantage of the new generations of front end tech!

Drupal is a registered trademark of Dries Buytaert.