[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f3jrugyfnlugam":3,"$fs333sihaj3d5":113},{"data":4},[5],{"id":6,"slug":7,"locale":8,"type":9,"title":10,"subtitle":11,"summary":12,"body":13,"primary_topic":14,"knowledge_status":15,"practical_validation":16,"workflow_status":17,"author_id":18,"published_at":19,"updated_at":20,"review_due_at":18,"canonical_url":18,"seo_title":21,"seo_description":12,"hero_asset_id":18,"reading_time":22,"version":23,"technology_versions":24,"review_frequency_days":18,"parent_content_id":25,"sort_in_parent":26,"hub_entry_status":27,"content_blocks":28,"hero_alt_text":18,"hero_caption":18,"hero_credit":18,"publication_scope":105,"access_level":106,"approved_at":18,"approved_by":18,"review_note":18,"home_enabled":107,"home_slot":108,"home_variant":109,"home_priority":110,"home_eyebrow":18,"home_valid_from":18,"home_valid_to":18,"home_image_asset_id":18,"promotion_kind":111,"sponsor_name":18,"sponsor_url":18,"sponsor_disclosure":112},"5c201ac2-c9f5-4d94-9fe1-6fcaf888612c","microservizi-microfrontend","it","CAPSULE","Microfrontend","Integration","Suddividere il frontend in vertical slice con ownership chiara, integrati da una shell e da contratti di composizione.","Famiglia: Integration\nOrigine contenuto: Approfondimento integrativo costruito sui materiali architetturali del progetto.\n\nProblema\nTeam diversi devono evolvere parti di una grande UI con cicli di rilascio indipendenti.\n\nPattern\nSuddividere il frontend in vertical slice con ownership chiara, integrati da una shell e da contratti di composizione.\n\nCome funziona\nOgni microfrontend può possedere UI, chiamate al proprio BFF e parte del dominio di esperienza. Design system, routing, auth e telemetry devono rimanere governati centralmente.\n\nEsempio sanitario\nUna shell Vue integra Patient, ADT, Order e Documents come aree gestite da team differenti.\n\nBenefici\n• Autonomia dei team frontend\n• Release indipendenti\n• Allineamento con bounded context\n\nTrade-off\n• Bundle e runtime più complessi\n• Versionamento di contratti UI\n• Rischio UX frammentata\n\nQuando usarlo\nPer organizzazioni grandi con team verticali e release realmente indipendenti.\n\nQuando evitarlo\nPer una singola squadra o una UI piccola.\n\nPattern correlati\n• microservizi-client-side-ui-composition\n• microservizi-bff\n• microservizi-bounded-context\n","1ee7a5c3-1a1b-4215-bcaf-602732602ec5","DEEPENED","EXAMPLE_ONLY","PUBLISHED",null,"2026-08-27T19:12:02.157Z","2026-09-05T13:22:19.783Z","Microfrontend | Capsule Informatiche",8,4,{},"20676d31-9c90-432e-b23c-032bf2ba2a49",380,"PLANNED",[29,33,37,41,44,46,49,52,55,58,61,65,68,71,74,77,80,83,86],{"id":30,"text":31,"type":32},"ms-microfrontend-01","Famiglia: Integrazione · Approfondimento","callout",{"id":34,"text":35,"type":36},"ms-microfrontend-02","Il problema","heading2",{"id":38,"text":39,"type":40},"ms-microfrontend-03","Team diversi devono evolvere parti di una grande UI con cicli di rilascio indipendenti.","paragraph",{"id":42,"text":43,"type":36},"ms-microfrontend-04","Il pattern",{"id":45,"text":12,"type":40},"ms-microfrontend-05",{"id":47,"text":48,"type":36},"ms-microfrontend-06","Come funziona",{"id":50,"text":51,"type":40},"ms-microfrontend-07","Ogni microfrontend può possedere UI, chiamate al proprio BFF e parte del dominio di esperienza. Design system, routing, auth e telemetry devono rimanere governati centralmente.",{"id":53,"text":54,"type":36},"ms-microfrontend-08","Esempio sanitario",{"id":56,"text":57,"type":32},"ms-microfrontend-09","Una shell Vue integra Patient, ADT, Order e Documents come aree gestite da team differenti.",{"id":59,"text":60,"type":36},"ms-microfrontend-10","Benefici",{"id":62,"type":63,"items":64},"ms-microfrontend-11","bullet_list","Autonomia dei team frontend\nRelease indipendenti\nAllineamento con bounded context",{"id":66,"text":67,"type":36},"ms-microfrontend-12","Trade-off",{"id":69,"type":63,"items":70},"ms-microfrontend-13","Bundle e runtime più complessi\nVersionamento di contratti UI\nRischio UX frammentata",{"id":72,"text":73,"type":36},"ms-microfrontend-14","Quando usarlo",{"id":75,"text":76,"type":40},"ms-microfrontend-15","Per organizzazioni grandi con team verticali e release realmente indipendenti.",{"id":78,"text":79,"type":36},"ms-microfrontend-16","Quando evitarlo",{"id":81,"text":82,"type":40},"ms-microfrontend-17","Per una singola squadra o una UI piccola.",{"id":84,"text":85,"type":36},"ms-microfrontend-18","Pattern correlati",{"id":87,"type":88,"relations":89},"ms-microfrontend-19","related_capsules",[90,95,100],{"slug":91,"title":92,"summary":93,"contentId":94},"microservizi-client-side-ui-composition","Client-Side UI Composition","Comporre la UI nel client, assegnando sezioni o componenti a fonti e responsabilità diverse.","1149d1a0-139d-431c-8f1e-25da8ea4ad42",{"slug":96,"title":97,"summary":98,"contentId":99},"microservizi-bff","Backend for Frontend (BFF)","Creare un backend specifico per esperienza client che orchestra API interne e restituisce modelli orientati alla UI.","8b2fb612-9191-4f03-ab16-f58d22f7b0ba",{"slug":101,"title":102,"summary":103,"contentId":104},"microservizi-bounded-context","Bounded Context: proteggere il significato del dominio","Definire confini semantici entro cui un modello ha significato univoco e non condividere automaticamente lo stesso domain model tra servizi.","71bf8a73-cfd4-4d57-b483-88ae64156d05","PORTAL","ANONYMOUS",false,"LATEST","AUTO",0,"EDITORIAL","Sponsorizzato",{"sources":114,"secondaryTopics":128,"tags":134,"primaryTopic":155,"technologies":159},[115,123],{"source_id":116},{"id":117,"type":118,"title":119,"author":18,"publisher":120,"edition":121,"url":18,"license_notes":122},"fc98b2b6-07fe-4d2e-b6b5-1875018441c9","PROJECT_NOTE","ADT - Frontend Vue e Microfrontend","Capsule Informatiche","Materiale progettuale","Materiale architetturale già analizzato. Usato come riferimento integrativo per BFF, composizione UI e microfrontend.",{"source_id":124},{"id":125,"type":118,"title":126,"author":18,"publisher":120,"edition":121,"url":18,"license_notes":127},"dfb11314-30d0-40ad-b93e-431188a3d6f0","Riepilogo architetture piattaforma enterprise sanitaria","Materiale progettuale già analizzato nel progetto Capsule Informatiche. Usato come riferimento integrativo per esempi sanitari e pattern moderni.",[129],{"topic_id":130},{"id":131,"name":132,"slug":133},"52823c4a-2742-464b-9fc8-f9e19c4600de","Integrazione tra Microservizi","integrazione-microservizi",[135,140,145,150],{"tag_id":136},{"id":137,"name":138,"slug":139},"a94e416a-7400-4ff4-8671-a2fc5635c4e0","Microservizi","microservizi",{"tag_id":141},{"id":142,"name":143,"slug":144},"74df0420-fe01-463d-84f1-79bbc7ee7114","Design Pattern","design-pattern",{"tag_id":146},{"id":147,"name":148,"slug":149},"6f46e700-10f6-4cc4-b80d-a35b044d3b61","Frontend","frontend",{"tag_id":151},{"id":152,"name":153,"slug":154},"43524fb2-d0fe-4b4b-8143-137f73c134b5","DDD","ddd",[156],{"id":14,"name":157,"slug":158},"Frontend Distribuito","frontend-distribuito",[160],{"technology_id":161},{"id":162,"name":163,"slug":164,"vendor":165},"00ed23c3-0332-47bc-85a7-5cc43b73eb63","Vue \u002F Nuxt","vue-nuxt","Vue.js \u002F Nuxt"]