Why this matters

The toolchain from Module 5 is in place — Webpack is compiling, the PHP template has a mount point, and main.js is ready. Now you build the actual interface.

This module introduces the core patterns you'll use in every Nextcloud Vue component you write: @nextcloud/vue components, @nextcloud/axios for API calls, CSS variables for theming, and the @nextcloud/dialogs toast system. You'll build App.vue in three stages so each concept lands in context rather than as part of one large block of code.