[{"data":1,"prerenderedAt":126},["ShallowReactive",2],{"proyecto-\u002Fproyectos\u002Ftool-center":3},{"id":4,"title":5,"areas":6,"body":10,"cliente":74,"confidencial":75,"description":76,"destacado":77,"enlace":78,"extension":81,"galeria":82,"highlights":97,"logo":110,"marca":19,"meta":111,"navigation":77,"orden":72,"path":112,"portada":113,"resumen":115,"rol":116,"seo":117,"stack":118,"stem":124,"titulo":19,"__hash__":125},"proyectos\u002Fproyectos\u002Ftool-center.md","Tool Center",[7,8,9],"Multi-marca","White-label","Ecommerce",{"type":11,"value":12,"toc":70},"minimark",[13,21,33,61],[14,15,16,20],"p",{},[17,18,19],"strong",{},"Tool Center México"," no es \"otra tienda\": es la misma plataforma de ecommerce\nque Dinámica, operando como una marca distinta sobre el mismo código. Es el caso\nque mejor muestra el tipo de arquitectura en la que trabajo —un core que se\ncomporta como varios productos.",[14,22,23,24,28,29,32],{},"El mecanismo es una arquitectura multi-marca: la marca activa se define por\nvariable de entorno al compilar (",[25,26,27],"code",{},"VITE_BRAND_NAME",") y la API responde según su\npropio ",[25,30,31],{},"APP_TYPE",". A partir de ahí, cada marca resuelve su identidad y su\ncomportamiento desde configuración, no desde código duplicado:",[34,35,36,43,49,55],"ul",{},[37,38,39,42],"li",{},[17,40,41],{},"Configuración por marca"," en archivos JSON validados por un schema, con\nfeature flags, reglas de precio y opciones de la tienda.",[37,44,45,48],{},[17,46,47],{},"Permisos por marca"," en módulos separados que se cargan dinámicamente según\nla marca, con Dinámica como fallback.",[37,50,51,54],{},[17,52,53],{},"Assets y tema"," (logos, colores, favicons) servidos por marca y aplicados en\nruntime.",[37,56,57,60],{},[17,58,59],{},"Build, deploy y pruebas"," independientes: cada marca tiene sus targets y sus\npruebas end-to-end.",[14,62,63,64,69],{},"El resultado es que agregar o ajustar una marca es cambiar configuración y\nassets, no reescribir la aplicación. Esa capacidad —que un mismo storefront\nsostenga marcas con identidad, precios, permisos y flujos propios— es lo que\ndespués se empaqueta como producto en ",[65,66,68],"a",{"href":67},"\u002Fproyectos\u002Fhubsho","Hubsho",".",{"title":71,"searchDepth":72,"depth":72,"links":73},"",2,[],null,false,"Tool Center México no es \"otra tienda\": es la misma plataforma de ecommerce\nque Dinámica, operando como una marca distinta sobre el mismo código. Es el caso\nque mejor muestra el tipo de arquitectura en la que trabajo —un core que se\ncomporta como varios productos.",true,{"label":79,"url":80},"toolcentermexico.com","https:\u002F\u002Ftoolcentermexico.com\u002F","md",[83,90],{"src":84,"alt":85,"ancho":86,"alto":87,"tipo":88,"caption":89},"\u002Fimg\u002Fproyectos\u002Ftoolcenter\u002Fdesktop.webp","Storefront de Tool Center México en escritorio, con catálogo de productos.",1280,800,"desktop","Tool Center México — vista de escritorio.",{"src":91,"alt":92,"ancho":93,"alto":94,"tipo":95,"caption":96},"\u002Fimg\u002Fproyectos\u002Ftoolcenter\u002Fmobile.webp","El mismo storefront de Tool Center México en móvil.",500,844,"mobile","La misma marca en móvil.",[98,101,104,107],{"titulo":99,"texto":100},"Una base, varias marcas","Tool Center corre sobre el mismo core que Dinámica. La marca se resuelve en build por variable de entorno: no hay forks ni copias del código base.",{"titulo":102,"texto":103},"Configuración declarativa","Cada marca tiene su archivo de configuración validado por schema (feature flags, precios, comportamiento) y su propio módulo de permisos por rol, cargado dinámicamente según la marca activa.",{"titulo":105,"texto":106},"Identidad propia","Logos, tema de color, favicons y assets se sirven por marca; el color y el branding se aplican en tiempo de ejecución sin tocar el resto de la app.",{"titulo":108,"texto":109},"Builds y pruebas por marca","Targets de build y despliegue independientes por marca, con suites de pruebas end-to-end dedicadas para su comportamiento y permisos específicos.","\u002Fimg\u002Fproyectos\u002Ftoolcenter\u002Flogo.webp",{},"\u002Fproyectos\u002Ftool-center",{"src":84,"alt":114,"ancho":86,"alto":87,"tipo":88},"Tienda en línea de Tool Center México con la parrilla de productos más vendidos.","Una marca propia sobre un core de ecommerce compartido, sin duplicar código.","Frontend del core multi-marca",{"description":76},[119,120,121,122,123],"Vue 3","Vite","Pinia","TypeScript","Cypress","proyectos\u002Ftool-center","QLKwrAhQpf-wIFBzxO_SblyjyMST2XQtYiUTZVfbY88",1787768137144]