Inicio
Blogs
Componentes
TODOvue logo with source code background

TODOvue: A space dedicated to the Vue.js ecosystem

Welcome to TODOvue. A technical blog designed by and for developers, where we deep-dive into Vue 3, Nuxt, and modern component architecture.

• 2 min read

TODOvue
Offtopic
Ecosystem
Architecture
Design Patterns
Best Practices

Welcome to TODOvue!

This space was born from a clear need: to establish a meeting point for developers who, like me, find the Vue.js ecosystem to be one of the most powerful, elegant, and efficient toolsets for building the modern web.

TODOvue is more than just a blog; it is a technical project dedicated to breaking down every corner of Vue 3, Nuxt, and the array of libraries that optimize our daily workflow.

What to expect from this blog?

Our goal is to go beyond introductory tutorials. At TODOvue, we will deep-dive into core pillars for professional development:

  • Design Patterns and Composition: Advanced use of the Composition API, reusability patterns, and professional composable design.
  • The Nuxt Ecosystem: Advanced rendering strategies (SSR, SSG, Hybrid Rendering / ISR), module management, and optimized deployment.
  • Performance and Optimization: Code-splitting techniques, bundle optimization, and strategies to achieve peak client-side performance.
  • Tools and Libraries: In-depth analysis of Pinia, Vue Router, Vite, and the most disruptive emerging proposals from the community.

"Dogfooding": Built with what we teach

A distinguishing aspect of this blog is its own architecture. Everything you interact with on this platform has been developed following Atomic Design principles.

I have decided that every piece of TODOvue—from the atoms (buttons) to the article rendering engine—lives as an independent component published on NPM. While the primary focus is educational content, the infrastructure is fully transparent and open for anyone wishing to integrate it into their own projects.

We believe in Open Source not just as a philosophy, but as an engineering practice. If a component is robust enough to power this blog, it should be available to the community in the NPM registry.

Why now?

Vue 3 has reached an exceptional state of maturity. Thanks to the adoption of <script setup>, the stability of Nuxt 3, and the speed of Vite, frontend development has never been more rewarding. However, evolution is constant: new challenges, breaking changes, and architectural patterns emerge that deserve to be documented and analyzed with technical rigor.

Join the conversation

This is the beginning of a continuous learning journey. TODOvue aims to be a reliable source of information and a space for knowledge exchange.

I invite you to explore the content, experiment with the components that power this site, and, above all, maintain your curiosity for this framework that we are so passionate about.

Is there a specific Vue or Nuxt topic you'd like us to cover first? Get in touch! blog@todovue.blog

Related Blogs

Provide and Inject in Vue 3: The Definitive Guide to Eliminating Prop Drilling
Provide and Inject in Vue 3: The Definitive Guide to Eliminating Prop Drilling
Advanced
Architecture
Design Patterns
Best Practices
State Management
Learn how to use provide and inject in Vue.js to eliminate Prop Drilling, manage reactivity safely with readonly, and improve your component architecture.
Vue 3.6 Beta: The Vapor Mode Revolution and the New Reactivity Engine
Vue 3.6 Beta: The Vapor Mode Revolution and the New Reactivity Engine
Beta
Vapor Mode
Reactivity
Ecosystem
Advanced
Explore the new features of Vue 3.6 Beta, including Vapor Mode and the alien-signals integration for more efficient reactivity.
History and Evolution of Vue.js: The Progressive Framework
History and Evolution of Vue.js: The Progressive Framework
History
Ecosystem
Vite
Guides
State Management
From its beginnings as a side project at Google to becoming one of the pillars of modern web development, we explore the evolution and philosophy of Vue.js.