Tag:architecture
All content with the tag "architecture".
Run Only the Playwright Tests Your Change Can Affect
Feature-based architecture can shorten your E2E feedback loop. A working Nuxt example with dependency-aware test selection and GitHub Actions.
Read More→Hexagonal Architecture in Vue: Where to Put Your Code and Why
Learn what belongs in Vue components, composables, the application core, and adapters. Use ports and adapters to make rules easier to test and changes easier to contain.
Read More→Clean Code Is Sexy Again: Making Your Vue Project AI-Ready
My Vue MAD 2026 talk, written up. What an agent actually is, and the three things every Vue project needs to get more out of AI: context, feedback loops, and discoverability. The twist is that none of it is new.
Read More→How to Write UI Components That Stay Flexible
Most components break under their second or third variant — props pile up, shells get copy-pasted. Here's how compound components (the pattern behind Reka UI and shadcn-vue) keep a Dialog flexible without flag soup.
Read More→Building a Real-Time Todo App with Jazz and Vue 3
Build a real-time, offline-capable todo app with Jazz and Vue 3. Learn CoValues, drag-and-drop with fractional indexing, and shareable URLs. No backend needed.
Read More→Claude Code Agent Teams: How Multiple Sessions Coordinate (2026)
Agent teams let multiple Claude Code sessions coordinate, communicate, and self-organize. Here's how they work, when to use them, and what they cost.
Read More→Spec-Driven Development with Claude Code in Action
A practical workflow for tackling large refactors with Claude Code using parallel research subagents, written specs, and the new task system for context-efficient implementation.
Read More→My Opinionated ESLint + Oxlint Setup for Vue Projects
A battle-tested linting configuration that catches real bugs, enforces clean architecture, and runs fast using Oxlint and ESLint together.
Read More→Building a Modular Monolith with Nuxt Layers: A Practical Guide
Learn how to build scalable applications using Nuxt Layers to enforce clean architecture boundaries without the complexity of microservices.
Read More→How to build Microfrontends with Module Federation and Vue
Build a Vue 3 microfrontend app with Module Federation. Clear decisions, working code, and a small reference project.
Read More→Atomic Architecture: Structuring Vue and Nuxt Projects
Learn how to implement Atomic Design principles in Vue or Nuxt projects. Improve your code structure and maintainability with this guide
Read More→What is Local-first Web Development?
What is local-first software and why does it matter? This guide covers local-first architecture, offline-capable apps with automatic sync, data ownership, and how to build a local-first web app with Vue step by step.
Read More→How to Structure Vue Projects
Discover best practices for structuring Vue projects of any size, from simple apps to complex enterprise solutions.
Read More→How to Write Clean Vue Components
There are many ways to write better Vue components. One of my favorite ways is to separate business logic into pure functions.
Read More→