Blog Vue

The Vue-powered Blog demonstrates how you can build fully reactive and API-driven content experiences in Craft CMS using Vue 3 as a Web Component.

Instead of relying on Twig and DataStar, this version fetches all entries and categories dynamically via the Craft CMS GraphQL API — no Craft plugins required. It features category filtering, lazy loading, and load more pagination, all handled client-side with reactive state management. Editors still manage content in Craft’s control panel, while the front end consumes it as structured GraphQL data — making it ideal for hybrid projects that blend Craft’s authoring comfort with modern JavaScript flexibility.

This approach provides a great example of how Vue can be used progressively inside Craft, without needing a separate frontend build or headless setup. Everything compiles into a single lightweight custom element, ready to drop into any Twig template.