[{"data":1,"prerenderedAt":120},["ShallowReactive",2],{"/en/articles/notin-architecture":3},{"id":4,"title":5,"body":6,"date":103,"description":104,"extension":105,"head":106,"image":107,"meta":108,"navigation":109,"ogImage":106,"path":110,"readingTime":111,"robots":106,"schemaOrg":106,"seo":112,"sitemap":113,"stem":114,"tags":115,"__hash__":119},"articles_en/en/articles/notin-architecture.md","Modernizing Legacy Ecosystems: The Case of notin.es",{"type":7,"value":8,"toc":91},"minimark",[9,18,23,26,29,33,36,41,52,56,59,70,74,81,85,88],[10,11,12,13,17],"p",{},"Throughout my 20 years of experience, I've participated in numerous migrations and architectural evolutions. However, the work we do daily within the ",[14,15,16],"strong",{},"notin.es"," ecosystem (Distribuciones Notariales Group) is, from a software engineering perspective, one of the most comprehensive and challenging.",[19,20,22],"h2",{"id":21},"the-legacy-challenge","The Legacy Challenge",[10,24,25],{},"A few years ago, much of the legal sector relied on monolithic architectures. Heavy systems, tightly coupled applications, and technologies like jQuery or WordPress which, while serving their purpose at the time, limited the iteration speed and scalability required to support hundreds of concurrent notaries.",[10,27,28],{},"The goal was clear: we needed an ecosystem that was highly available, secure, fast, and above all, maintainable in the long term.",[19,30,32],{"id":31},"the-transition-to-the-modern-stack","The Transition to the Modern Stack",[10,34,35],{},"As the technical lead, I drove the adoption of a modern technology stack. We progressively abandoned monoliths in favor of a service-based architecture and decoupled frontends.",[37,38,40],"h3",{"id":39},"_1-typescript-and-vue-as-the-standard","1. TypeScript and Vue as the Standard",[10,42,43,44,47,48,51],{},"Adopting ",[14,45,46],{},"TypeScript"," was a turning point. Having such an extensive codebase that handles complex notary business logic, strict typing saved us from countless runtime errors. Coupled with ",[14,49,50],{},"Vue.js",", we were able to build reactive interfaces, reusable components, and a consistent design system for the entire suite of notin.es products.",[37,53,55],{"id":54},"_2-infrastructure-and-devops","2. Infrastructure and DevOps",[10,57,58],{},"Code is only part of the equation; how it's deployed is equally vital. We moved from manual deployments or basic scripts to full orchestration.",[10,60,61,62,65,66,69],{},"Using ",[14,63,64],{},"Foreman and Puppet",", we automated the massive provisioning of servers (both Windows Server and Linux). We adopted ",[14,67,68],{},"Docker and Proxmox"," to virtualize and containerize environments, allowing us to spin up exact replicas of production in minutes. This DevOps approach guaranteed us zero-downtime scalability.",[19,71,73],{"id":72},"artificial-intelligence-integration","Artificial Intelligence Integration",[10,75,76,77,80],{},"Recently, we've taken our operations to the next level. I've pioneered the orchestration of ",[14,78,79],{},"AI agents"," within the company's pipeline. We don't just use AI as an advanced autocomplete; we use a multi-agent ecosystem that audits tests, analyzes complex deployment failures, and proposes real-time infrastructure optimizations.",[19,82,84],{"id":83},"conclusion","Conclusion",[10,86,87],{},"Technologically transforming a company in the legal sector isn't something that happens overnight. It requires long-term vision, pragmatic adoption of the right technologies (Node.js, Vue, TypeScript), and an absolute commitment to security and automation.",[10,89,90],{},"Today, notin.es operates on a robust technical foundation, ready to scale and face the challenges of the next decade.",{"title":92,"searchDepth":93,"depth":93,"links":94},"",2,[95,96,101,102],{"id":21,"depth":93,"text":22},{"id":31,"depth":93,"text":32,"children":97},[98,100],{"id":39,"depth":99,"text":40},3,{"id":54,"depth":99,"text":55},{"id":72,"depth":93,"text":73},{"id":83,"depth":93,"text":84},"20/07/2026","A technical breakdown of how we migrated the notin.es infrastructure from monolithic systems to a reactive ecosystem powered by Vue, TypeScript, and DevOps automation.","md",null,"/projects/notin-ecosystem.png",{},true,"/en/articles/notin-architecture","5",{"title":5,"description":104},{"loc":110},"en/articles/notin-architecture",[116,117,118,46],"Architecture","DevOps","Vue","eKu3yAVR3xOvfDc_lIPlWrM9G2_hcQ3eGcUAuLxuhgw",1785160751618]