[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f27gpgqeyzqv5g":3,"$f20zhocj0yv6yf":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},"8b2fb612-9191-4f03-ab16-f58d22f7b0ba","microservizi-bff","it","CAPSULE","Backend for Frontend (BFF)","Integration","Creare un backend specifico per esperienza client che orchestra API interne e restituisce modelli orientati alla UI.","Famiglia: Integration\nOrigine contenuto: Approfondimento integrativo costruito sui materiali architetturali del progetto.\n\nProblema\nClient diversi hanno esigenze di payload, composizione e sicurezza differenti; un'unica API generica può costringere il frontend a troppe chiamate o logica.\n\nPattern\nCreare un backend specifico per esperienza client che orchestra API interne e restituisce modelli orientati alla UI.\n\nCome funziona\nIl BFF contiene composizione e adattamento per la UX, mentre API Gateway resta prevalentemente infrastrutturale. Non deve duplicare regole di dominio.\n\nEsempio sanitario\nUn BFF Vue\u002FNuxt costruisce la vista paziente combinando EMPI, ADT e Order Entry; un'app mobile può avere un payload più compatto.\n\nBenefici\n• Payload ottimizzati\n• Meno logica distribuita nel browser\n• Sicurezza server-side più controllabile\n\nTrade-off\n• Ulteriore componente da mantenere\n• Rischio duplicazione tra BFF\n\nQuando usarlo\nQuando web, mobile o portali diversi hanno esigenze significativamente differenti.\n\nQuando evitarlo\nQuando tutti i client consumano lo stesso contratto semplice.\n\nPattern correlati\n• microservizi-api-gateway\n• microservizi-aggregator\n• microservizi-microfrontend\n","1ee7a5c3-1a1b-4215-bcaf-602732602ec5","DEEPENED","EXAMPLE_ONLY","PUBLISHED",null,"2026-08-27T19:12:02.157Z","2026-09-05T13:22:19.783Z","Backend for Frontend (BFF) | Capsule Informatiche",8,4,{},"20676d31-9c90-432e-b23c-032bf2ba2a49",320,"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-bff-01","Famiglia: Integrazione · Approfondimento","callout",{"id":34,"text":35,"type":36},"ms-bff-02","Il problema","heading2",{"id":38,"text":39,"type":40},"ms-bff-03","Client diversi hanno esigenze di payload, composizione e sicurezza differenti; un'unica API generica può costringere il frontend a troppe chiamate o logica.","paragraph",{"id":42,"text":43,"type":36},"ms-bff-04","Il pattern",{"id":45,"text":12,"type":40},"ms-bff-05",{"id":47,"text":48,"type":36},"ms-bff-06","Come funziona",{"id":50,"text":51,"type":40},"ms-bff-07","Il BFF contiene composizione e adattamento per la UX, mentre API Gateway resta prevalentemente infrastrutturale. Non deve duplicare regole di dominio.",{"id":53,"text":54,"type":36},"ms-bff-08","Esempio sanitario",{"id":56,"text":57,"type":32},"ms-bff-09","Un BFF Vue\u002FNuxt costruisce la vista paziente combinando EMPI, ADT e Order Entry; un'app mobile può avere un payload più compatto.",{"id":59,"text":60,"type":36},"ms-bff-10","Benefici",{"id":62,"type":63,"items":64},"ms-bff-11","bullet_list","Payload ottimizzati\nMeno logica distribuita nel browser\nSicurezza server-side più controllabile",{"id":66,"text":67,"type":36},"ms-bff-12","Trade-off",{"id":69,"type":63,"items":70},"ms-bff-13","Ulteriore componente da mantenere\nRischio duplicazione tra BFF",{"id":72,"text":73,"type":36},"ms-bff-14","Quando usarlo",{"id":75,"text":76,"type":40},"ms-bff-15","Quando web, mobile o portali diversi hanno esigenze significativamente differenti.",{"id":78,"text":79,"type":36},"ms-bff-16","Quando evitarlo",{"id":81,"text":82,"type":40},"ms-bff-17","Quando tutti i client consumano lo stesso contratto semplice.",{"id":84,"text":85,"type":36},"ms-bff-18","Pattern correlati",{"id":87,"type":88,"relations":89},"ms-bff-19","related_capsules",[90,95,100],{"slug":91,"title":92,"summary":93,"contentId":94},"microservizi-api-gateway","API Gateway Pattern","Esporre un punto d'ingresso che instrada le API e applica concern trasversali come autenticazione, TLS, rate limiting e correlation ID.","c5ec138b-64f3-4ec1-80d6-98d8b9d1704e",{"slug":96,"title":97,"summary":98,"contentId":99},"microservizi-aggregator","Aggregator Pattern","Introdurre un componente che effettua le chiamate necessarie e restituisce un payload aggregato al consumer.","b8415b6a-fa1b-4f9d-b2e8-92c8a724dd85",{"slug":101,"title":102,"summary":103,"contentId":104},"microservizi-microfrontend","Microfrontend","Suddividere il frontend in vertical slice con ownership chiara, integrati da una shell e da contratti di composizione.","5c201ac2-c9f5-4d94-9fe1-6fcaf888612c","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},"2cfaf938-ab4e-40ac-bbdf-265eda0b656a","API","api",{"tag_id":151},{"id":152,"name":153,"slug":154},"6f46e700-10f6-4cc4-b80d-a35b044d3b61","Frontend","frontend",[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"]