[{"data":1,"prerenderedAt":8504},["ShallowReactive",2],{"footer-blog-posts":3,"blog-/blog/building-design-systems-at-scale":3626,"blog-related-/blog/building-design-systems-at-scale":4602},[4,2422],{"id":5,"title":6,"author":7,"body":10,"category":2406,"coverImage":2407,"date":2408,"description":2409,"extension":2410,"featured":2411,"meta":2412,"navigation":365,"path":2413,"readingTime":2414,"seo":2415,"stem":2416,"tags":2417,"__hash__":2421},"blog/blog/api-first-approach-guide.md","The API-First Approach: Why Leading Companies Build APIs Before Interfaces",{"name":8,"role":9},"Sahan De Silva","Lead Cloud Architect",{"type":11,"value":12,"toc":2373},"minimark",[13,18,27,30,36,40,43,46,68,71,75,78,83,89,95,99,104,109,113,118,123,212,216,219,223,226,235,239,242,246,254,262,266,269,273,276,280,283,1086,1089,1093,1096,1158,1161,1172,1176,1179,1667,1670,1674,1677,1689,1698,1707,1710,1725,1729,1732,1927,1930,1950,1955,1959,1962,1966,2010,2018,2022,2025,2029,2032,2036,2051,2055,2058,2169,2172,2176,2184,2188,2195,2303,2306,2310,2313,2345,2348,2356,2359,2369],[14,15,17],"h2",{"id":16},"apis-are-products-not-plumbing","APIs Are Products, Not Plumbing",[19,20,21,22,26],"p",{},"The most successful software companies in the world — Stripe, Twilio, Shopify — share a common trait: they treat their APIs as first-class products. The ",[23,24,25],"strong",{},"API-first approach"," means designing the API contract before writing any implementation code, ensuring that every system, team, and future integration builds on a stable, well-documented foundation. This methodology is no longer a luxury for platform companies. It is essential for any business building interconnected digital systems that need to scale.",[19,28,29],{},"If you have ever struggled with a mobile app that does not match the web experience, a third-party integration that breaks after every release, or frontend and backend teams blocking each other's progress, API-first development solves these problems by design.",[31,32,33],"blockquote",{},[19,34,35],{},"The best time to adopt API-first was at the start of your project. The second-best time is now, before your next breaking change costs you a customer.",[14,37,39],{"id":38},"what-is-api-first-development","What Is API-First Development?",[19,41,42],{},"API-first development is a methodology where the API specification is designed, reviewed, and agreed upon before any implementation work begins. The API contract becomes the single source of truth that all teams — frontend, backend, mobile, QA, and external partners — build against.",[19,44,45],{},"This inverts the traditional approach where APIs are an afterthought, bolted onto existing backend code and shaped by database schemas rather than consumer needs. In an API-first workflow:",[47,48,49,53,56,59,62,65],"ol",{},[50,51,52],"li",{},"Stakeholders agree on the API contract (what data goes in, what comes out, what errors are possible)",[50,54,55],{},"The contract is documented in a machine-readable specification (OpenAPI, GraphQL SDL)",[50,57,58],{},"Mock servers are generated from the specification, enabling parallel development",[50,60,61],{},"Frontend, mobile, and backend teams build simultaneously against the contract",[50,63,64],{},"Contract tests verify that implementations match the specification",[50,66,67],{},"The API is versioned and maintained as a product, with its own lifecycle",[19,69,70],{},"This approach fundamentally changes how teams collaborate, how quickly features ship, and how reliably systems integrate.",[14,72,74],{"id":73},"api-first-vs-code-first-what-changes","API-First vs Code-First: What Changes",[19,76,77],{},"The differences between API-first and code-first development are practical, not just philosophical. Here is how each phase of development changes.",[79,80,82],"h3",{"id":81},"design-phase","Design Phase",[19,84,85,88],{},[23,86,87],{},"Code-first",": A backend developer builds an endpoint, documents it in a wiki or Swagger annotation, and shares it with the frontend team. The frontend team discovers edge cases, requests changes, and both teams iterate — often through a slow cycle of PRs, Slack messages, and meetings.",[19,90,91,94],{},[23,92,93],{},"API-first",": Stakeholders (product, frontend, backend, mobile) review the API specification together before any code is written. Disagreements about data shapes, naming conventions, and error handling are resolved in a document, not in pull requests. Mock servers let everyone validate the design against real use cases.",[79,96,98],{"id":97},"development-phase","Development Phase",[19,100,101,103],{},[23,102,87],{},": Frontend teams wait for backend endpoints to be ready. This creates sequential dependencies and idle time. When the backend delivers an endpoint, its shape often does not match frontend expectations, triggering rework.",[19,105,106,108],{},[23,107,93],{},": Frontend and backend teams work in parallel from day one. The frontend builds against mock servers generated from the specification. The backend implements against the same specification. When both sides are done, integration is a formality because the contract was agreed upon upfront.",[79,110,112],{"id":111},"testing-phase","Testing Phase",[19,114,115,117],{},[23,116,87],{},": Integration tests are written after both sides are built, discovering contract mismatches late in the cycle.",[19,119,120,122],{},[23,121,93],{},": Contract tests run continuously, verifying that implementations conform to the specification. Consumer-driven contract testing ensures that API changes do not break existing consumers.",[124,125,126,142],"table",{},[127,128,129],"thead",{},[130,131,132,136,139],"tr",{},[133,134,135],"th",{},"Aspect",[133,137,138],{},"Code-First",[133,140,141],{},"API-First",[143,144,145,157,168,179,190,201],"tbody",{},[130,146,147,151,154],{},[148,149,150],"td",{},"Design input",[148,152,153],{},"Backend developer",[148,155,156],{},"Cross-functional stakeholders",[130,158,159,162,165],{},[148,160,161],{},"Specification",[148,163,164],{},"Generated from code (afterthought)",[148,166,167],{},"Written first (source of truth)",[130,169,170,173,176],{},[148,171,172],{},"Parallel development",[148,174,175],{},"Limited (sequential dependencies)",[148,177,178],{},"Full (mock servers from day one)",[130,180,181,184,187],{},[148,182,183],{},"Contract validation",[148,185,186],{},"Manual / late integration testing",[148,188,189],{},"Automated contract testing",[130,191,192,195,198],{},[148,193,194],{},"Documentation",[148,196,197],{},"Often stale",[148,199,200],{},"Always current (generated from spec)",[130,202,203,206,209],{},[148,204,205],{},"Breaking change risk",[148,207,208],{},"High (discovered in production)",[148,210,211],{},"Low (caught in CI)",[14,213,215],{"id":214},"the-business-case-for-api-first","The Business Case for API-First",[19,217,218],{},"API-first development is not just an engineering preference. It delivers measurable business value across multiple dimensions.",[79,220,222],{"id":221},"faster-parallel-development","Faster Parallel Development",[19,224,225],{},"When frontend and backend teams can work simultaneously, feature delivery accelerates by 30-50%. There is no \"waiting for the API\" phase. Mobile developers are not blocked by web developers. External partners can start integration work before your internal implementation is complete.",[19,227,228,229,234],{},"For businesses working with an ",[230,231,233],"a",{"href":232},"/solutions/api-integrations","integration engineering partner",", this parallel development capability is transformative. It compresses timelines and reduces the coordination overhead that slows most projects.",[79,236,238],{"id":237},"better-partner-and-third-party-integrations","Better Partner and Third-Party Integrations",[19,240,241],{},"If your business relies on third-party integrations — payment processors, shipping providers, CRM systems, marketing platforms — a well-designed API layer makes these integrations predictable and maintainable. Partners build against your documented API, not against the quirks of your internal implementation.",[79,243,245],{"id":244},"future-proofing-your-technology-stack","Future-Proofing Your Technology Stack",[19,247,248,249,253],{},"A well-designed API layer decouples your business logic from any specific frontend or consumer. Today, your API serves a web application. Tomorrow, it serves a mobile app, an AI agent like ",[230,250,252],{"href":251},"/solutions/connekz-integration","Connekz",", an IoT device, or a partner's platform — all without changing the backend.",[19,255,256,257,261],{},"This flexibility is particularly valuable for businesses planning ",[230,258,260],{"href":259},"/solutions/mobile-apps","mobile application development",". When the API is designed independently of the web frontend, the mobile app gets the same first-class data access without workarounds or BFF (Backend for Frontend) layers.",[79,263,265],{"id":264},"reduced-rework-and-miscommunication","Reduced Rework and Miscommunication",[19,267,268],{},"The most expensive bugs are specification bugs — building the wrong thing. API-first development forces specification alignment before code is written. The cost of changing a YAML file is trivially small compared to refactoring implemented code across multiple teams and codebases.",[14,270,272],{"id":271},"implementation-patterns","Implementation Patterns",[19,274,275],{},"Moving from theory to practice requires specific tools, patterns, and workflows. Here is how to implement API-first development in your organisation.",[79,277,279],{"id":278},"openapi-specification-design","OpenAPI Specification Design",[19,281,282],{},"The OpenAPI Specification (formerly Swagger) is the industry standard for describing REST APIs. Your API specification should be the first artifact created for any new feature or service.",[284,285,290],"pre",{"className":286,"code":287,"language":288,"meta":289,"style":289},"language-yaml shiki shiki-themes github-light github-dark","# openapi.yaml — Example specification for a booking API\nopenapi: 3.1.0\ninfo:\n  title: Booking API\n  version: 2.0.0\n  description: API for managing customer bookings and appointments\n\npaths:\n  /bookings:\n    post:\n      operationId: createBooking\n      summary: Create a new booking\n      tags:\n        - Bookings\n      requestBody:\n        required: true\n        content:\n          application/json:\n            schema:\n              $ref: '#/components/schemas/CreateBookingRequest'\n      responses:\n        '201':\n          description: Booking created successfully\n          content:\n            application/json:\n              schema:\n                $ref: '#/components/schemas/BookingResponse'\n        '409':\n          description: Time slot no longer available\n          content:\n            application/json:\n              schema:\n                $ref: '#/components/schemas/ErrorResponse'\n        '422':\n          description: Validation error\n          content:\n            application/json:\n              schema:\n                $ref: '#/components/schemas/ValidationErrorResponse'\n\ncomponents:\n  schemas:\n    CreateBookingRequest:\n      type: object\n      required:\n        - serviceType\n        - dateTime\n        - customerName\n        - customerEmail\n      properties:\n        serviceType:\n          type: string\n          enum:\n            - consultation\n            - follow-up\n            - treatment\n        dateTime:\n          type: string\n          format: date-time\n          description: ISO 8601 date-time for the appointment\n        customerName:\n          type: string\n          minLength: 2\n          maxLength: 100\n        customerEmail:\n          type: string\n          format: email\n        notes:\n          type: string\n          maxLength: 500\n\n    BookingResponse:\n      type: object\n      properties:\n        id:\n          type: string\n          format: uuid\n        status:\n          type: string\n          enum:\n            - confirmed\n            - pending\n            - cancelled\n        serviceType:\n          type: string\n        dateTime:\n          type: string\n          format: date-time\n        createdAt:\n          type: string\n          format: date-time\n","yaml","",[291,292,293,302,317,326,338,349,360,367,375,383,391,402,413,421,430,438,449,457,465,473,484,492,500,511,519,527,535,546,554,564,571,578,585,595,603,613,620,627,634,644,649,657,665,673,684,692,700,708,716,724,732,740,751,759,768,776,784,792,801,812,822,830,839,850,861,869,878,888,896,905,915,920,928,937,944,952,961,971,979,988,995,1003,1011,1019,1026,1035,1042,1051,1060,1068,1077],"code",{"__ignoreMap":289},[294,295,298],"span",{"class":296,"line":297},"line",1,[294,299,301],{"class":300},"sJ8bj","# openapi.yaml — Example specification for a booking API\n",[294,303,305,309,313],{"class":296,"line":304},2,[294,306,308],{"class":307},"s9eBZ","openapi",[294,310,312],{"class":311},"sVt8B",": ",[294,314,316],{"class":315},"sj4cs","3.1.0\n",[294,318,320,323],{"class":296,"line":319},3,[294,321,322],{"class":307},"info",[294,324,325],{"class":311},":\n",[294,327,329,332,334],{"class":296,"line":328},4,[294,330,331],{"class":307},"  title",[294,333,312],{"class":311},[294,335,337],{"class":336},"sZZnC","Booking API\n",[294,339,341,344,346],{"class":296,"line":340},5,[294,342,343],{"class":307},"  version",[294,345,312],{"class":311},[294,347,348],{"class":315},"2.0.0\n",[294,350,352,355,357],{"class":296,"line":351},6,[294,353,354],{"class":307},"  description",[294,356,312],{"class":311},[294,358,359],{"class":336},"API for managing customer bookings and appointments\n",[294,361,363],{"class":296,"line":362},7,[294,364,366],{"emptyLinePlaceholder":365},true,"\n",[294,368,370,373],{"class":296,"line":369},8,[294,371,372],{"class":307},"paths",[294,374,325],{"class":311},[294,376,378,381],{"class":296,"line":377},9,[294,379,380],{"class":307},"  /bookings",[294,382,325],{"class":311},[294,384,386,389],{"class":296,"line":385},10,[294,387,388],{"class":307},"    post",[294,390,325],{"class":311},[294,392,394,397,399],{"class":296,"line":393},11,[294,395,396],{"class":307},"      operationId",[294,398,312],{"class":311},[294,400,401],{"class":336},"createBooking\n",[294,403,405,408,410],{"class":296,"line":404},12,[294,406,407],{"class":307},"      summary",[294,409,312],{"class":311},[294,411,412],{"class":336},"Create a new booking\n",[294,414,416,419],{"class":296,"line":415},13,[294,417,418],{"class":307},"      tags",[294,420,325],{"class":311},[294,422,424,427],{"class":296,"line":423},14,[294,425,426],{"class":311},"        - ",[294,428,429],{"class":336},"Bookings\n",[294,431,433,436],{"class":296,"line":432},15,[294,434,435],{"class":307},"      requestBody",[294,437,325],{"class":311},[294,439,441,444,446],{"class":296,"line":440},16,[294,442,443],{"class":307},"        required",[294,445,312],{"class":311},[294,447,448],{"class":315},"true\n",[294,450,452,455],{"class":296,"line":451},17,[294,453,454],{"class":307},"        content",[294,456,325],{"class":311},[294,458,460,463],{"class":296,"line":459},18,[294,461,462],{"class":307},"          application/json",[294,464,325],{"class":311},[294,466,468,471],{"class":296,"line":467},19,[294,469,470],{"class":307},"            schema",[294,472,325],{"class":311},[294,474,476,479,481],{"class":296,"line":475},20,[294,477,478],{"class":307},"              $ref",[294,480,312],{"class":311},[294,482,483],{"class":336},"'#/components/schemas/CreateBookingRequest'\n",[294,485,487,490],{"class":296,"line":486},21,[294,488,489],{"class":307},"      responses",[294,491,325],{"class":311},[294,493,495,498],{"class":296,"line":494},22,[294,496,497],{"class":336},"        '201'",[294,499,325],{"class":311},[294,501,503,506,508],{"class":296,"line":502},23,[294,504,505],{"class":307},"          description",[294,507,312],{"class":311},[294,509,510],{"class":336},"Booking created successfully\n",[294,512,514,517],{"class":296,"line":513},24,[294,515,516],{"class":307},"          content",[294,518,325],{"class":311},[294,520,522,525],{"class":296,"line":521},25,[294,523,524],{"class":307},"            application/json",[294,526,325],{"class":311},[294,528,530,533],{"class":296,"line":529},26,[294,531,532],{"class":307},"              schema",[294,534,325],{"class":311},[294,536,538,541,543],{"class":296,"line":537},27,[294,539,540],{"class":307},"                $ref",[294,542,312],{"class":311},[294,544,545],{"class":336},"'#/components/schemas/BookingResponse'\n",[294,547,549,552],{"class":296,"line":548},28,[294,550,551],{"class":336},"        '409'",[294,553,325],{"class":311},[294,555,557,559,561],{"class":296,"line":556},29,[294,558,505],{"class":307},[294,560,312],{"class":311},[294,562,563],{"class":336},"Time slot no longer available\n",[294,565,567,569],{"class":296,"line":566},30,[294,568,516],{"class":307},[294,570,325],{"class":311},[294,572,574,576],{"class":296,"line":573},31,[294,575,524],{"class":307},[294,577,325],{"class":311},[294,579,581,583],{"class":296,"line":580},32,[294,582,532],{"class":307},[294,584,325],{"class":311},[294,586,588,590,592],{"class":296,"line":587},33,[294,589,540],{"class":307},[294,591,312],{"class":311},[294,593,594],{"class":336},"'#/components/schemas/ErrorResponse'\n",[294,596,598,601],{"class":296,"line":597},34,[294,599,600],{"class":336},"        '422'",[294,602,325],{"class":311},[294,604,606,608,610],{"class":296,"line":605},35,[294,607,505],{"class":307},[294,609,312],{"class":311},[294,611,612],{"class":336},"Validation error\n",[294,614,616,618],{"class":296,"line":615},36,[294,617,516],{"class":307},[294,619,325],{"class":311},[294,621,623,625],{"class":296,"line":622},37,[294,624,524],{"class":307},[294,626,325],{"class":311},[294,628,630,632],{"class":296,"line":629},38,[294,631,532],{"class":307},[294,633,325],{"class":311},[294,635,637,639,641],{"class":296,"line":636},39,[294,638,540],{"class":307},[294,640,312],{"class":311},[294,642,643],{"class":336},"'#/components/schemas/ValidationErrorResponse'\n",[294,645,647],{"class":296,"line":646},40,[294,648,366],{"emptyLinePlaceholder":365},[294,650,652,655],{"class":296,"line":651},41,[294,653,654],{"class":307},"components",[294,656,325],{"class":311},[294,658,660,663],{"class":296,"line":659},42,[294,661,662],{"class":307},"  schemas",[294,664,325],{"class":311},[294,666,668,671],{"class":296,"line":667},43,[294,669,670],{"class":307},"    CreateBookingRequest",[294,672,325],{"class":311},[294,674,676,679,681],{"class":296,"line":675},44,[294,677,678],{"class":307},"      type",[294,680,312],{"class":311},[294,682,683],{"class":336},"object\n",[294,685,687,690],{"class":296,"line":686},45,[294,688,689],{"class":307},"      required",[294,691,325],{"class":311},[294,693,695,697],{"class":296,"line":694},46,[294,696,426],{"class":311},[294,698,699],{"class":336},"serviceType\n",[294,701,703,705],{"class":296,"line":702},47,[294,704,426],{"class":311},[294,706,707],{"class":336},"dateTime\n",[294,709,711,713],{"class":296,"line":710},48,[294,712,426],{"class":311},[294,714,715],{"class":336},"customerName\n",[294,717,719,721],{"class":296,"line":718},49,[294,720,426],{"class":311},[294,722,723],{"class":336},"customerEmail\n",[294,725,727,730],{"class":296,"line":726},50,[294,728,729],{"class":307},"      properties",[294,731,325],{"class":311},[294,733,735,738],{"class":296,"line":734},51,[294,736,737],{"class":307},"        serviceType",[294,739,325],{"class":311},[294,741,743,746,748],{"class":296,"line":742},52,[294,744,745],{"class":307},"          type",[294,747,312],{"class":311},[294,749,750],{"class":336},"string\n",[294,752,754,757],{"class":296,"line":753},53,[294,755,756],{"class":307},"          enum",[294,758,325],{"class":311},[294,760,762,765],{"class":296,"line":761},54,[294,763,764],{"class":311},"            - ",[294,766,767],{"class":336},"consultation\n",[294,769,771,773],{"class":296,"line":770},55,[294,772,764],{"class":311},[294,774,775],{"class":336},"follow-up\n",[294,777,779,781],{"class":296,"line":778},56,[294,780,764],{"class":311},[294,782,783],{"class":336},"treatment\n",[294,785,787,790],{"class":296,"line":786},57,[294,788,789],{"class":307},"        dateTime",[294,791,325],{"class":311},[294,793,795,797,799],{"class":296,"line":794},58,[294,796,745],{"class":307},[294,798,312],{"class":311},[294,800,750],{"class":336},[294,802,804,807,809],{"class":296,"line":803},59,[294,805,806],{"class":307},"          format",[294,808,312],{"class":311},[294,810,811],{"class":336},"date-time\n",[294,813,815,817,819],{"class":296,"line":814},60,[294,816,505],{"class":307},[294,818,312],{"class":311},[294,820,821],{"class":336},"ISO 8601 date-time for the appointment\n",[294,823,825,828],{"class":296,"line":824},61,[294,826,827],{"class":307},"        customerName",[294,829,325],{"class":311},[294,831,833,835,837],{"class":296,"line":832},62,[294,834,745],{"class":307},[294,836,312],{"class":311},[294,838,750],{"class":336},[294,840,842,845,847],{"class":296,"line":841},63,[294,843,844],{"class":307},"          minLength",[294,846,312],{"class":311},[294,848,849],{"class":315},"2\n",[294,851,853,856,858],{"class":296,"line":852},64,[294,854,855],{"class":307},"          maxLength",[294,857,312],{"class":311},[294,859,860],{"class":315},"100\n",[294,862,864,867],{"class":296,"line":863},65,[294,865,866],{"class":307},"        customerEmail",[294,868,325],{"class":311},[294,870,872,874,876],{"class":296,"line":871},66,[294,873,745],{"class":307},[294,875,312],{"class":311},[294,877,750],{"class":336},[294,879,881,883,885],{"class":296,"line":880},67,[294,882,806],{"class":307},[294,884,312],{"class":311},[294,886,887],{"class":336},"email\n",[294,889,891,894],{"class":296,"line":890},68,[294,892,893],{"class":307},"        notes",[294,895,325],{"class":311},[294,897,899,901,903],{"class":296,"line":898},69,[294,900,745],{"class":307},[294,902,312],{"class":311},[294,904,750],{"class":336},[294,906,908,910,912],{"class":296,"line":907},70,[294,909,855],{"class":307},[294,911,312],{"class":311},[294,913,914],{"class":315},"500\n",[294,916,918],{"class":296,"line":917},71,[294,919,366],{"emptyLinePlaceholder":365},[294,921,923,926],{"class":296,"line":922},72,[294,924,925],{"class":307},"    BookingResponse",[294,927,325],{"class":311},[294,929,931,933,935],{"class":296,"line":930},73,[294,932,678],{"class":307},[294,934,312],{"class":311},[294,936,683],{"class":336},[294,938,940,942],{"class":296,"line":939},74,[294,941,729],{"class":307},[294,943,325],{"class":311},[294,945,947,950],{"class":296,"line":946},75,[294,948,949],{"class":307},"        id",[294,951,325],{"class":311},[294,953,955,957,959],{"class":296,"line":954},76,[294,956,745],{"class":307},[294,958,312],{"class":311},[294,960,750],{"class":336},[294,962,964,966,968],{"class":296,"line":963},77,[294,965,806],{"class":307},[294,967,312],{"class":311},[294,969,970],{"class":336},"uuid\n",[294,972,974,977],{"class":296,"line":973},78,[294,975,976],{"class":307},"        status",[294,978,325],{"class":311},[294,980,982,984,986],{"class":296,"line":981},79,[294,983,745],{"class":307},[294,985,312],{"class":311},[294,987,750],{"class":336},[294,989,991,993],{"class":296,"line":990},80,[294,992,756],{"class":307},[294,994,325],{"class":311},[294,996,998,1000],{"class":296,"line":997},81,[294,999,764],{"class":311},[294,1001,1002],{"class":336},"confirmed\n",[294,1004,1006,1008],{"class":296,"line":1005},82,[294,1007,764],{"class":311},[294,1009,1010],{"class":336},"pending\n",[294,1012,1014,1016],{"class":296,"line":1013},83,[294,1015,764],{"class":311},[294,1017,1018],{"class":336},"cancelled\n",[294,1020,1022,1024],{"class":296,"line":1021},84,[294,1023,737],{"class":307},[294,1025,325],{"class":311},[294,1027,1029,1031,1033],{"class":296,"line":1028},85,[294,1030,745],{"class":307},[294,1032,312],{"class":311},[294,1034,750],{"class":336},[294,1036,1038,1040],{"class":296,"line":1037},86,[294,1039,789],{"class":307},[294,1041,325],{"class":311},[294,1043,1045,1047,1049],{"class":296,"line":1044},87,[294,1046,745],{"class":307},[294,1048,312],{"class":311},[294,1050,750],{"class":336},[294,1052,1054,1056,1058],{"class":296,"line":1053},88,[294,1055,806],{"class":307},[294,1057,312],{"class":311},[294,1059,811],{"class":336},[294,1061,1063,1066],{"class":296,"line":1062},89,[294,1064,1065],{"class":307},"        createdAt",[294,1067,325],{"class":311},[294,1069,1071,1073,1075],{"class":296,"line":1070},90,[294,1072,745],{"class":307},[294,1074,312],{"class":311},[294,1076,750],{"class":336},[294,1078,1080,1082,1084],{"class":296,"line":1079},91,[294,1081,806],{"class":307},[294,1083,312],{"class":311},[294,1085,811],{"class":336},[19,1087,1088],{},"This specification is machine-readable. From it, you can generate mock servers, client SDKs, validation middleware, and interactive documentation — all automatically.",[79,1090,1092],{"id":1091},"mock-first-development","Mock-First Development",[19,1094,1095],{},"Once the specification is written, generate mock servers so that consumer teams can start building immediately.",[284,1097,1101],{"className":1098,"code":1099,"language":1100,"meta":289,"style":289},"language-bash shiki shiki-themes github-light github-dark","# Generate a mock server from your OpenAPI spec using Prism\nnpx @stoplight/prism-cli mock openapi.yaml --port 4010\n\n# Or use MSW (Mock Service Worker) for frontend testing\n# msw generates handlers from OpenAPI specs\nnpx msw-auto-mock openapi.yaml --output ./src/mocks/handlers.ts\n","bash",[291,1102,1103,1108,1129,1133,1138,1143],{"__ignoreMap":289},[294,1104,1105],{"class":296,"line":297},[294,1106,1107],{"class":300},"# Generate a mock server from your OpenAPI spec using Prism\n",[294,1109,1110,1114,1117,1120,1123,1126],{"class":296,"line":304},[294,1111,1113],{"class":1112},"sScJk","npx",[294,1115,1116],{"class":336}," @stoplight/prism-cli",[294,1118,1119],{"class":336}," mock",[294,1121,1122],{"class":336}," openapi.yaml",[294,1124,1125],{"class":315}," --port",[294,1127,1128],{"class":315}," 4010\n",[294,1130,1131],{"class":296,"line":319},[294,1132,366],{"emptyLinePlaceholder":365},[294,1134,1135],{"class":296,"line":328},[294,1136,1137],{"class":300},"# Or use MSW (Mock Service Worker) for frontend testing\n",[294,1139,1140],{"class":296,"line":340},[294,1141,1142],{"class":300},"# msw generates handlers from OpenAPI specs\n",[294,1144,1145,1147,1150,1152,1155],{"class":296,"line":351},[294,1146,1113],{"class":1112},[294,1148,1149],{"class":336}," msw-auto-mock",[294,1151,1122],{"class":336},[294,1153,1154],{"class":315}," --output",[294,1156,1157],{"class":336}," ./src/mocks/handlers.ts\n",[19,1159,1160],{},"Mock servers return realistic responses based on the schemas in your specification. Frontend developers build against these mocks, confident that the real API will return data in the same shape.",[1162,1163,1165],"callout",{"type":1164},"tip",[19,1166,1167,1168,1171],{},"Invest time in adding ",[291,1169,1170],{},"example"," values to your OpenAPI schemas. Mocks generated from well-annotated specifications are realistic enough that frontend teams can complete full feature development without ever touching the real backend.",[79,1173,1175],{"id":1174},"contract-testing-with-pact","Contract Testing with Pact",[19,1177,1178],{},"Contract testing verifies that API producers and consumers agree on the interface. Pact is the most widely adopted tool for consumer-driven contract testing.",[284,1180,1184],{"className":1181,"code":1182,"language":1183,"meta":289,"style":289},"language-typescript shiki shiki-themes github-light github-dark","// Consumer-side contract test (frontend/mobile team writes this)\nimport { PactV4 } from '@pact-foundation/pact';\n\nconst provider = new PactV4({\n  consumer: 'BookingWebApp',\n  provider: 'BookingAPI',\n});\n\ndescribe('Booking API Contract', () => {\n  it('creates a booking successfully', async () => {\n    await provider\n      .addInteraction()\n      .given('available time slot exists')\n      .uponReceiving('a request to create a booking')\n      .withRequest('POST', '/bookings', (builder) => {\n        builder\n          .headers({ 'Content-Type': 'application/json' })\n          .jsonBody({\n            serviceType: 'consultation',\n            dateTime: '2026-02-17T14:30:00Z',\n            customerName: 'Sarah Chen',\n            customerEmail: 'sarah@example.com',\n          });\n      })\n      .willRespondWith(201, (builder) => {\n        builder.jsonBody({\n          id: provider.like('f47ac10b-58cc-4372-a567-0e02b2c3d479'),\n          status: 'confirmed',\n          serviceType: 'consultation',\n          dateTime: '2026-02-17T14:30:00Z',\n        });\n      })\n      .executeTest(async (mockServer) => {\n        const response = await createBooking(mockServer.url, {\n          serviceType: 'consultation',\n          dateTime: '2026-02-17T14:30:00Z',\n          customerName: 'Sarah Chen',\n          customerEmail: 'sarah@example.com',\n        });\n        expect(response.status).toBe('confirmed');\n      });\n  });\n});\n","typescript",[291,1185,1186,1191,1209,1213,1233,1244,1254,1259,1263,1283,1306,1314,1325,1340,1354,1385,1390,1412,1421,1431,1441,1451,1461,1466,1471,1493,1502,1518,1528,1537,1546,1551,1555,1578,1597,1605,1613,1622,1631,1635,1653,1658,1663],{"__ignoreMap":289},[294,1187,1188],{"class":296,"line":297},[294,1189,1190],{"class":300},"// Consumer-side contract test (frontend/mobile team writes this)\n",[294,1192,1193,1197,1200,1203,1206],{"class":296,"line":304},[294,1194,1196],{"class":1195},"szBVR","import",[294,1198,1199],{"class":311}," { PactV4 } ",[294,1201,1202],{"class":1195},"from",[294,1204,1205],{"class":336}," '@pact-foundation/pact'",[294,1207,1208],{"class":311},";\n",[294,1210,1211],{"class":296,"line":319},[294,1212,366],{"emptyLinePlaceholder":365},[294,1214,1215,1218,1221,1224,1227,1230],{"class":296,"line":328},[294,1216,1217],{"class":1195},"const",[294,1219,1220],{"class":315}," provider",[294,1222,1223],{"class":1195}," =",[294,1225,1226],{"class":1195}," new",[294,1228,1229],{"class":1112}," PactV4",[294,1231,1232],{"class":311},"({\n",[294,1234,1235,1238,1241],{"class":296,"line":340},[294,1236,1237],{"class":311},"  consumer: ",[294,1239,1240],{"class":336},"'BookingWebApp'",[294,1242,1243],{"class":311},",\n",[294,1245,1246,1249,1252],{"class":296,"line":351},[294,1247,1248],{"class":311},"  provider: ",[294,1250,1251],{"class":336},"'BookingAPI'",[294,1253,1243],{"class":311},[294,1255,1256],{"class":296,"line":362},[294,1257,1258],{"class":311},"});\n",[294,1260,1261],{"class":296,"line":369},[294,1262,366],{"emptyLinePlaceholder":365},[294,1264,1265,1268,1271,1274,1277,1280],{"class":296,"line":377},[294,1266,1267],{"class":1112},"describe",[294,1269,1270],{"class":311},"(",[294,1272,1273],{"class":336},"'Booking API Contract'",[294,1275,1276],{"class":311},", () ",[294,1278,1279],{"class":1195},"=>",[294,1281,1282],{"class":311}," {\n",[294,1284,1285,1288,1290,1293,1296,1299,1302,1304],{"class":296,"line":385},[294,1286,1287],{"class":1112},"  it",[294,1289,1270],{"class":311},[294,1291,1292],{"class":336},"'creates a booking successfully'",[294,1294,1295],{"class":311},", ",[294,1297,1298],{"class":1195},"async",[294,1300,1301],{"class":311}," () ",[294,1303,1279],{"class":1195},[294,1305,1282],{"class":311},[294,1307,1308,1311],{"class":296,"line":393},[294,1309,1310],{"class":1195},"    await",[294,1312,1313],{"class":311}," provider\n",[294,1315,1316,1319,1322],{"class":296,"line":404},[294,1317,1318],{"class":311},"      .",[294,1320,1321],{"class":1112},"addInteraction",[294,1323,1324],{"class":311},"()\n",[294,1326,1327,1329,1332,1334,1337],{"class":296,"line":415},[294,1328,1318],{"class":311},[294,1330,1331],{"class":1112},"given",[294,1333,1270],{"class":311},[294,1335,1336],{"class":336},"'available time slot exists'",[294,1338,1339],{"class":311},")\n",[294,1341,1342,1344,1347,1349,1352],{"class":296,"line":423},[294,1343,1318],{"class":311},[294,1345,1346],{"class":1112},"uponReceiving",[294,1348,1270],{"class":311},[294,1350,1351],{"class":336},"'a request to create a booking'",[294,1353,1339],{"class":311},[294,1355,1356,1358,1361,1363,1366,1368,1371,1374,1378,1381,1383],{"class":296,"line":432},[294,1357,1318],{"class":311},[294,1359,1360],{"class":1112},"withRequest",[294,1362,1270],{"class":311},[294,1364,1365],{"class":336},"'POST'",[294,1367,1295],{"class":311},[294,1369,1370],{"class":336},"'/bookings'",[294,1372,1373],{"class":311},", (",[294,1375,1377],{"class":1376},"s4XuR","builder",[294,1379,1380],{"class":311},") ",[294,1382,1279],{"class":1195},[294,1384,1282],{"class":311},[294,1386,1387],{"class":296,"line":440},[294,1388,1389],{"class":311},"        builder\n",[294,1391,1392,1395,1398,1401,1404,1406,1409],{"class":296,"line":451},[294,1393,1394],{"class":311},"          .",[294,1396,1397],{"class":1112},"headers",[294,1399,1400],{"class":311},"({ ",[294,1402,1403],{"class":336},"'Content-Type'",[294,1405,312],{"class":311},[294,1407,1408],{"class":336},"'application/json'",[294,1410,1411],{"class":311}," })\n",[294,1413,1414,1416,1419],{"class":296,"line":459},[294,1415,1394],{"class":311},[294,1417,1418],{"class":1112},"jsonBody",[294,1420,1232],{"class":311},[294,1422,1423,1426,1429],{"class":296,"line":467},[294,1424,1425],{"class":311},"            serviceType: ",[294,1427,1428],{"class":336},"'consultation'",[294,1430,1243],{"class":311},[294,1432,1433,1436,1439],{"class":296,"line":475},[294,1434,1435],{"class":311},"            dateTime: ",[294,1437,1438],{"class":336},"'2026-02-17T14:30:00Z'",[294,1440,1243],{"class":311},[294,1442,1443,1446,1449],{"class":296,"line":486},[294,1444,1445],{"class":311},"            customerName: ",[294,1447,1448],{"class":336},"'Sarah Chen'",[294,1450,1243],{"class":311},[294,1452,1453,1456,1459],{"class":296,"line":494},[294,1454,1455],{"class":311},"            customerEmail: ",[294,1457,1458],{"class":336},"'sarah@example.com'",[294,1460,1243],{"class":311},[294,1462,1463],{"class":296,"line":502},[294,1464,1465],{"class":311},"          });\n",[294,1467,1468],{"class":296,"line":513},[294,1469,1470],{"class":311},"      })\n",[294,1472,1473,1475,1478,1480,1483,1485,1487,1489,1491],{"class":296,"line":521},[294,1474,1318],{"class":311},[294,1476,1477],{"class":1112},"willRespondWith",[294,1479,1270],{"class":311},[294,1481,1482],{"class":315},"201",[294,1484,1373],{"class":311},[294,1486,1377],{"class":1376},[294,1488,1380],{"class":311},[294,1490,1279],{"class":1195},[294,1492,1282],{"class":311},[294,1494,1495,1498,1500],{"class":296,"line":529},[294,1496,1497],{"class":311},"        builder.",[294,1499,1418],{"class":1112},[294,1501,1232],{"class":311},[294,1503,1504,1507,1510,1512,1515],{"class":296,"line":537},[294,1505,1506],{"class":311},"          id: provider.",[294,1508,1509],{"class":1112},"like",[294,1511,1270],{"class":311},[294,1513,1514],{"class":336},"'f47ac10b-58cc-4372-a567-0e02b2c3d479'",[294,1516,1517],{"class":311},"),\n",[294,1519,1520,1523,1526],{"class":296,"line":548},[294,1521,1522],{"class":311},"          status: ",[294,1524,1525],{"class":336},"'confirmed'",[294,1527,1243],{"class":311},[294,1529,1530,1533,1535],{"class":296,"line":556},[294,1531,1532],{"class":311},"          serviceType: ",[294,1534,1428],{"class":336},[294,1536,1243],{"class":311},[294,1538,1539,1542,1544],{"class":296,"line":566},[294,1540,1541],{"class":311},"          dateTime: ",[294,1543,1438],{"class":336},[294,1545,1243],{"class":311},[294,1547,1548],{"class":296,"line":573},[294,1549,1550],{"class":311},"        });\n",[294,1552,1553],{"class":296,"line":580},[294,1554,1470],{"class":311},[294,1556,1557,1559,1562,1564,1566,1569,1572,1574,1576],{"class":296,"line":587},[294,1558,1318],{"class":311},[294,1560,1561],{"class":1112},"executeTest",[294,1563,1270],{"class":311},[294,1565,1298],{"class":1195},[294,1567,1568],{"class":311}," (",[294,1570,1571],{"class":1376},"mockServer",[294,1573,1380],{"class":311},[294,1575,1279],{"class":1195},[294,1577,1282],{"class":311},[294,1579,1580,1583,1586,1588,1591,1594],{"class":296,"line":597},[294,1581,1582],{"class":1195},"        const",[294,1584,1585],{"class":315}," response",[294,1587,1223],{"class":1195},[294,1589,1590],{"class":1195}," await",[294,1592,1593],{"class":1112}," createBooking",[294,1595,1596],{"class":311},"(mockServer.url, {\n",[294,1598,1599,1601,1603],{"class":296,"line":605},[294,1600,1532],{"class":311},[294,1602,1428],{"class":336},[294,1604,1243],{"class":311},[294,1606,1607,1609,1611],{"class":296,"line":615},[294,1608,1541],{"class":311},[294,1610,1438],{"class":336},[294,1612,1243],{"class":311},[294,1614,1615,1618,1620],{"class":296,"line":622},[294,1616,1617],{"class":311},"          customerName: ",[294,1619,1448],{"class":336},[294,1621,1243],{"class":311},[294,1623,1624,1627,1629],{"class":296,"line":629},[294,1625,1626],{"class":311},"          customerEmail: ",[294,1628,1458],{"class":336},[294,1630,1243],{"class":311},[294,1632,1633],{"class":296,"line":636},[294,1634,1550],{"class":311},[294,1636,1637,1640,1643,1646,1648,1650],{"class":296,"line":646},[294,1638,1639],{"class":1112},"        expect",[294,1641,1642],{"class":311},"(response.status).",[294,1644,1645],{"class":1112},"toBe",[294,1647,1270],{"class":311},[294,1649,1525],{"class":336},[294,1651,1652],{"class":311},");\n",[294,1654,1655],{"class":296,"line":651},[294,1656,1657],{"class":311},"      });\n",[294,1659,1660],{"class":296,"line":659},[294,1661,1662],{"class":311},"  });\n",[294,1664,1665],{"class":296,"line":667},[294,1666,1258],{"class":311},[19,1668,1669],{},"The consumer team writes these contract tests. The provider team runs them in their CI pipeline. If a backend change would break a consumer's expectations, the build fails before the change reaches production.",[79,1671,1673],{"id":1672},"api-versioning-strategies","API Versioning Strategies",[19,1675,1676],{},"APIs evolve. Versioning ensures that existing consumers continue to work while new consumers benefit from improvements. There are three common strategies:",[19,1678,1679,1568,1682,1295,1685,1688],{},[23,1680,1681],{},"URL path versioning",[291,1683,1684],{},"/v1/bookings",[291,1686,1687],{},"/v2/bookings","): The simplest and most explicit approach. Easy to route, easy to understand, easy to deprecate. This is what we recommend for most REST APIs.",[19,1690,1691,1568,1694,1697],{},[23,1692,1693],{},"Header versioning",[291,1695,1696],{},"Accept: application/vnd.api.v2+json","): Keeps URLs clean but is harder to discover and test. Better suited for APIs with sophisticated consumers.",[19,1699,1700,1568,1703,1706],{},[23,1701,1702],{},"Query parameter versioning",[291,1704,1705],{},"/bookings?version=2","): Rarely recommended. It conflates versioning with filtering and creates confusing cache behaviour.",[19,1708,1709],{},"Regardless of strategy, follow these rules:",[1711,1712,1713,1716,1719,1722],"ul",{},[50,1714,1715],{},"Never break an existing version without a deprecation period",[50,1717,1718],{},"Version the entire API, not individual endpoints",[50,1720,1721],{},"Provide migration guides for every major version bump",[50,1723,1724],{},"Monitor usage of deprecated versions and communicate sunset timelines",[79,1726,1728],{"id":1727},"rate-limiting-and-security","Rate Limiting and Security",[19,1730,1731],{},"Every production API needs rate limiting and authentication. These are not optional — they are requirements.",[284,1733,1735],{"className":1181,"code":1734,"language":1183,"meta":289,"style":289},"// Rate limiting middleware example (Express/H3)\nimport { createRateLimiter } from './middleware/rate-limiter';\n\nconst apiRateLimiter = createRateLimiter({\n  windowMs: 60 * 1000, // 1 minute\n  maxRequests: 100,     // 100 requests per window\n  keyGenerator: (req) => req.headers['x-api-key'] || req.ip,\n  onLimitReached: (req, res) => {\n    res.status(429).json({\n      error: 'rate_limit_exceeded',\n      message: 'Too many requests. Please retry after the window resets.',\n      retryAfter: res.getHeader('Retry-After'),\n    });\n  },\n});\n",[291,1736,1737,1742,1756,1760,1774,1793,1807,1837,1857,1878,1888,1898,1913,1918,1923],{"__ignoreMap":289},[294,1738,1739],{"class":296,"line":297},[294,1740,1741],{"class":300},"// Rate limiting middleware example (Express/H3)\n",[294,1743,1744,1746,1749,1751,1754],{"class":296,"line":304},[294,1745,1196],{"class":1195},[294,1747,1748],{"class":311}," { createRateLimiter } ",[294,1750,1202],{"class":1195},[294,1752,1753],{"class":336}," './middleware/rate-limiter'",[294,1755,1208],{"class":311},[294,1757,1758],{"class":296,"line":319},[294,1759,366],{"emptyLinePlaceholder":365},[294,1761,1762,1764,1767,1769,1772],{"class":296,"line":328},[294,1763,1217],{"class":1195},[294,1765,1766],{"class":315}," apiRateLimiter",[294,1768,1223],{"class":1195},[294,1770,1771],{"class":1112}," createRateLimiter",[294,1773,1232],{"class":311},[294,1775,1776,1779,1782,1785,1788,1790],{"class":296,"line":340},[294,1777,1778],{"class":311},"  windowMs: ",[294,1780,1781],{"class":315},"60",[294,1783,1784],{"class":1195}," *",[294,1786,1787],{"class":315}," 1000",[294,1789,1295],{"class":311},[294,1791,1792],{"class":300},"// 1 minute\n",[294,1794,1795,1798,1801,1804],{"class":296,"line":351},[294,1796,1797],{"class":311},"  maxRequests: ",[294,1799,1800],{"class":315},"100",[294,1802,1803],{"class":311},",     ",[294,1805,1806],{"class":300},"// 100 requests per window\n",[294,1808,1809,1812,1815,1818,1820,1822,1825,1828,1831,1834],{"class":296,"line":362},[294,1810,1811],{"class":1112},"  keyGenerator",[294,1813,1814],{"class":311},": (",[294,1816,1817],{"class":1376},"req",[294,1819,1380],{"class":311},[294,1821,1279],{"class":1195},[294,1823,1824],{"class":311}," req.headers[",[294,1826,1827],{"class":336},"'x-api-key'",[294,1829,1830],{"class":311},"] ",[294,1832,1833],{"class":1195},"||",[294,1835,1836],{"class":311}," req.ip,\n",[294,1838,1839,1842,1844,1846,1848,1851,1853,1855],{"class":296,"line":369},[294,1840,1841],{"class":1112},"  onLimitReached",[294,1843,1814],{"class":311},[294,1845,1817],{"class":1376},[294,1847,1295],{"class":311},[294,1849,1850],{"class":1376},"res",[294,1852,1380],{"class":311},[294,1854,1279],{"class":1195},[294,1856,1282],{"class":311},[294,1858,1859,1862,1865,1867,1870,1873,1876],{"class":296,"line":377},[294,1860,1861],{"class":311},"    res.",[294,1863,1864],{"class":1112},"status",[294,1866,1270],{"class":311},[294,1868,1869],{"class":315},"429",[294,1871,1872],{"class":311},").",[294,1874,1875],{"class":1112},"json",[294,1877,1232],{"class":311},[294,1879,1880,1883,1886],{"class":296,"line":385},[294,1881,1882],{"class":311},"      error: ",[294,1884,1885],{"class":336},"'rate_limit_exceeded'",[294,1887,1243],{"class":311},[294,1889,1890,1893,1896],{"class":296,"line":393},[294,1891,1892],{"class":311},"      message: ",[294,1894,1895],{"class":336},"'Too many requests. Please retry after the window resets.'",[294,1897,1243],{"class":311},[294,1899,1900,1903,1906,1908,1911],{"class":296,"line":404},[294,1901,1902],{"class":311},"      retryAfter: res.",[294,1904,1905],{"class":1112},"getHeader",[294,1907,1270],{"class":311},[294,1909,1910],{"class":336},"'Retry-After'",[294,1912,1517],{"class":311},[294,1914,1915],{"class":296,"line":415},[294,1916,1917],{"class":311},"    });\n",[294,1919,1920],{"class":296,"line":423},[294,1921,1922],{"class":311},"  },\n",[294,1924,1925],{"class":296,"line":432},[294,1926,1258],{"class":311},[19,1928,1929],{},"For authentication, the choice between API keys, OAuth 2.0, and JWT depends on your consumer types:",[1711,1931,1932,1938,1944],{},[50,1933,1934,1937],{},[23,1935,1936],{},"API keys",": Simple, suitable for server-to-server communication where the consumer is trusted.",[50,1939,1940,1943],{},[23,1941,1942],{},"OAuth 2.0",": Required when third-party applications need delegated access to user data. The authorization code flow with PKCE is the current standard for mobile and web applications.",[50,1945,1946,1949],{},[23,1947,1948],{},"JWT (JSON Web Tokens)",": Efficient for stateless authentication in microservice architectures. Short-lived access tokens with refresh token rotation provide security without constant database lookups.",[1162,1951,1952],{"type":322},[19,1953,1954],{},"API security is not just authentication. It includes input validation, output encoding, CORS configuration, request size limits, and protection against common attacks (injection, BOLA, mass assignment). The OWASP API Security Top 10 is required reading for any team building production APIs.",[14,1956,1958],{"id":1957},"api-documentation-as-a-product","API Documentation as a Product",[19,1960,1961],{},"An API without good documentation is an API nobody will use. Treat your documentation as a product with its own quality standards, user experience, and maintenance schedule.",[79,1963,1965],{"id":1964},"what-great-api-documentation-includes","What Great API Documentation Includes",[1711,1967,1968,1974,1980,1986,1992,1998,2004],{},[50,1969,1970,1973],{},[23,1971,1972],{},"Getting started guide",": A developer should be able to make their first successful API call within 5 minutes of reading your documentation.",[50,1975,1976,1979],{},[23,1977,1978],{},"Authentication guide",": Clear instructions for obtaining and using credentials, with copy-paste examples.",[50,1981,1982,1985],{},[23,1983,1984],{},"Interactive reference",": Every endpoint documented with try-it-out functionality. Tools like Stoplight, Redocly, and Scalar generate these from OpenAPI specifications.",[50,1987,1988,1991],{},[23,1989,1990],{},"Code examples",": In every language your consumers use. At minimum: JavaScript, Python, and cURL.",[50,1993,1994,1997],{},[23,1995,1996],{},"Error reference",": Every possible error code documented with the cause and the recommended resolution.",[50,1999,2000,2003],{},[23,2001,2002],{},"Changelog",": What changed in each version, with migration instructions for breaking changes.",[50,2005,2006,2009],{},[23,2007,2008],{},"SDKs and client libraries",": Auto-generated from your OpenAPI specification and published to npm, PyPI, and other package registries.",[19,2011,2012,2013,2017],{},"For businesses building ",[230,2014,2016],{"href":2015},"/solutions/cloud-native","cloud-native platforms",", a developer portal with interactive API documentation is not a nice-to-have — it is a competitive advantage. Partners and developers choose platforms that are easy to integrate with.",[14,2019,2021],{"id":2020},"common-mistakes-to-avoid","Common Mistakes to Avoid",[19,2023,2024],{},"After designing and reviewing dozens of APIs, we see the same mistakes repeatedly. Here are the most damaging ones.",[79,2026,2028],{"id":2027},"designing-apis-around-database-schemas","Designing APIs Around Database Schemas",[19,2030,2031],{},"Your API should model your business domain, not your database tables. If your API response mirrors a database JOIN with nested foreign keys and auto-increment IDs, you have coupled your public interface to your internal implementation. Every database migration becomes a potential breaking API change.",[79,2033,2035],{"id":2034},"inconsistent-naming-conventions","Inconsistent Naming Conventions",[19,2037,2038,2039,2042,2043,2046,2047,2050],{},"Pick a convention and enforce it everywhere. If you use ",[291,2040,2041],{},"camelCase"," for property names, use it consistently across every endpoint. If you use plural nouns for collection resources (",[291,2044,2045],{},"/bookings",", not ",[291,2048,2049],{},"/booking","), do not suddenly switch to singular elsewhere. Inconsistency forces consumers to guess, which means bugs.",[79,2052,2054],{"id":2053},"missing-pagination","Missing Pagination",[19,2056,2057],{},"Any endpoint that returns a list will eventually return a list too large to process in a single response. Design pagination into your list endpoints from day one — even if your current dataset is small.",[284,2059,2061],{"className":1181,"code":2060,"language":1183,"meta":289,"style":289},"// Cursor-based pagination response\ninterface PaginatedResponse\u003CT> {\n  data: T[];\n  pagination: {\n    cursor: string | null;\n    hasMore: boolean;\n    totalCount: number;\n  };\n}\n\n// Usage: GET /bookings?cursor=abc123&limit=25\n",[291,2062,2063,2068,2085,2099,2108,2126,2138,2150,2155,2160,2164],{"__ignoreMap":289},[294,2064,2065],{"class":296,"line":297},[294,2066,2067],{"class":300},"// Cursor-based pagination response\n",[294,2069,2070,2073,2076,2079,2082],{"class":296,"line":304},[294,2071,2072],{"class":1195},"interface",[294,2074,2075],{"class":1112}," PaginatedResponse",[294,2077,2078],{"class":311},"\u003C",[294,2080,2081],{"class":1112},"T",[294,2083,2084],{"class":311},"> {\n",[294,2086,2087,2090,2093,2096],{"class":296,"line":319},[294,2088,2089],{"class":1376},"  data",[294,2091,2092],{"class":1195},":",[294,2094,2095],{"class":1112}," T",[294,2097,2098],{"class":311},"[];\n",[294,2100,2101,2104,2106],{"class":296,"line":328},[294,2102,2103],{"class":1376},"  pagination",[294,2105,2092],{"class":1195},[294,2107,1282],{"class":311},[294,2109,2110,2113,2115,2118,2121,2124],{"class":296,"line":340},[294,2111,2112],{"class":1376},"    cursor",[294,2114,2092],{"class":1195},[294,2116,2117],{"class":315}," string",[294,2119,2120],{"class":1195}," |",[294,2122,2123],{"class":315}," null",[294,2125,1208],{"class":311},[294,2127,2128,2131,2133,2136],{"class":296,"line":351},[294,2129,2130],{"class":1376},"    hasMore",[294,2132,2092],{"class":1195},[294,2134,2135],{"class":315}," boolean",[294,2137,1208],{"class":311},[294,2139,2140,2143,2145,2148],{"class":296,"line":362},[294,2141,2142],{"class":1376},"    totalCount",[294,2144,2092],{"class":1195},[294,2146,2147],{"class":315}," number",[294,2149,1208],{"class":311},[294,2151,2152],{"class":296,"line":369},[294,2153,2154],{"class":311},"  };\n",[294,2156,2157],{"class":296,"line":377},[294,2158,2159],{"class":311},"}\n",[294,2161,2162],{"class":296,"line":385},[294,2163,366],{"emptyLinePlaceholder":365},[294,2165,2166],{"class":296,"line":393},[294,2167,2168],{"class":300},"// Usage: GET /bookings?cursor=abc123&limit=25\n",[19,2170,2171],{},"Cursor-based pagination is preferred over offset-based for production APIs. It handles insertions and deletions gracefully and performs better on large datasets.",[79,2173,2175],{"id":2174},"breaking-changes-without-versioning","Breaking Changes Without Versioning",[19,2177,2178,2179,2183],{},"Adding a new optional field to a response is not a breaking change. Removing a field, changing a field's type, or altering error response formats ",[2180,2181,2182],"em",{},"are"," breaking changes. If you do not version your API, every breaking change becomes an incident for every consumer simultaneously.",[79,2185,2187],{"id":2186},"ignoring-error-design","Ignoring Error Design",[19,2189,2190,2191,2194],{},"Generic ",[291,2192,2193],{},"500 Internal Server Error"," responses are not acceptable. Every error should include a machine-readable error code, a human-readable message, and enough context for the consumer to take corrective action.",[284,2196,2199],{"className":2197,"code":2198,"language":1875,"meta":289,"style":289},"language-json shiki shiki-themes github-light github-dark","{\n  \"error\": {\n    \"code\": \"BOOKING_SLOT_UNAVAILABLE\",\n    \"message\": \"The requested time slot is no longer available.\",\n    \"details\": {\n      \"requestedDateTime\": \"2026-02-17T14:30:00Z\",\n      \"nextAvailableSlots\": [\n        \"2026-02-17T15:00:00Z\",\n        \"2026-02-17T16:30:00Z\",\n        \"2026-02-18T09:00:00Z\"\n      ]\n    }\n  }\n}\n",[291,2200,2201,2206,2214,2226,2238,2245,2257,2265,2272,2279,2284,2289,2294,2299],{"__ignoreMap":289},[294,2202,2203],{"class":296,"line":297},[294,2204,2205],{"class":311},"{\n",[294,2207,2208,2211],{"class":296,"line":304},[294,2209,2210],{"class":315},"  \"error\"",[294,2212,2213],{"class":311},": {\n",[294,2215,2216,2219,2221,2224],{"class":296,"line":319},[294,2217,2218],{"class":315},"    \"code\"",[294,2220,312],{"class":311},[294,2222,2223],{"class":336},"\"BOOKING_SLOT_UNAVAILABLE\"",[294,2225,1243],{"class":311},[294,2227,2228,2231,2233,2236],{"class":296,"line":328},[294,2229,2230],{"class":315},"    \"message\"",[294,2232,312],{"class":311},[294,2234,2235],{"class":336},"\"The requested time slot is no longer available.\"",[294,2237,1243],{"class":311},[294,2239,2240,2243],{"class":296,"line":340},[294,2241,2242],{"class":315},"    \"details\"",[294,2244,2213],{"class":311},[294,2246,2247,2250,2252,2255],{"class":296,"line":351},[294,2248,2249],{"class":315},"      \"requestedDateTime\"",[294,2251,312],{"class":311},[294,2253,2254],{"class":336},"\"2026-02-17T14:30:00Z\"",[294,2256,1243],{"class":311},[294,2258,2259,2262],{"class":296,"line":362},[294,2260,2261],{"class":315},"      \"nextAvailableSlots\"",[294,2263,2264],{"class":311},": [\n",[294,2266,2267,2270],{"class":296,"line":369},[294,2268,2269],{"class":336},"        \"2026-02-17T15:00:00Z\"",[294,2271,1243],{"class":311},[294,2273,2274,2277],{"class":296,"line":377},[294,2275,2276],{"class":336},"        \"2026-02-17T16:30:00Z\"",[294,2278,1243],{"class":311},[294,2280,2281],{"class":296,"line":385},[294,2282,2283],{"class":336},"        \"2026-02-18T09:00:00Z\"\n",[294,2285,2286],{"class":296,"line":393},[294,2287,2288],{"class":311},"      ]\n",[294,2290,2291],{"class":296,"line":404},[294,2292,2293],{"class":311},"    }\n",[294,2295,2296],{"class":296,"line":415},[294,2297,2298],{"class":311},"  }\n",[294,2300,2301],{"class":296,"line":423},[294,2302,2159],{"class":311},[19,2304,2305],{},"This error response tells the consumer exactly what went wrong and what to do next. It transforms an error from a dead end into a continuation of the user flow.",[14,2307,2309],{"id":2308},"getting-started-with-api-first","Getting Started with API-First",[19,2311,2312],{},"If your organisation currently follows a code-first approach, transitioning to API-first does not require a big-bang migration. Start with your next new service or feature:",[47,2314,2315,2321,2327,2333,2339],{},[50,2316,2317,2320],{},[23,2318,2319],{},"Write the OpenAPI specification first."," Before any implementation code. Share it with all stakeholders for review.",[50,2322,2323,2326],{},[23,2324,2325],{},"Generate mock servers."," Let frontend and mobile teams start building immediately.",[50,2328,2329,2332],{},[23,2330,2331],{},"Implement the backend against the specification."," The spec is the acceptance criteria.",[50,2334,2335,2338],{},[23,2336,2337],{},"Add contract tests to your CI pipeline."," Catch specification drift automatically.",[50,2340,2341,2344],{},[23,2342,2343],{},"Publish interactive documentation."," Make it easy for everyone to understand and use the API.",[19,2346,2347],{},"Once your team experiences the speed and reliability of API-first development on one project, the approach tends to spread organically. Teams that have worked this way rarely want to go back.",[19,2349,2350,2351,2355],{},"For organisations with existing APIs that need restructuring, a ",[230,2352,2354],{"href":2353},"/solutions/web-development","web development engagement"," can help you introduce API-first practices incrementally — redesigning your most critical APIs first and building the tooling and workflows that make the approach sustainable.",[2357,2358],"hr",{},[19,2360,2361],{},[2180,2362,2363,2364,2368],{},"Need to design or rebuild your API layer? ",[230,2365,2367],{"href":2366},"/contact","Talk to our integration engineering team"," about building APIs that scale with your business.",[2370,2371,2372],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":289,"searchDepth":304,"depth":304,"links":2374},[2375,2376,2377,2382,2388,2395,2398,2405],{"id":16,"depth":304,"text":17},{"id":38,"depth":304,"text":39},{"id":73,"depth":304,"text":74,"children":2378},[2379,2380,2381],{"id":81,"depth":319,"text":82},{"id":97,"depth":319,"text":98},{"id":111,"depth":319,"text":112},{"id":214,"depth":304,"text":215,"children":2383},[2384,2385,2386,2387],{"id":221,"depth":319,"text":222},{"id":237,"depth":319,"text":238},{"id":244,"depth":319,"text":245},{"id":264,"depth":319,"text":265},{"id":271,"depth":304,"text":272,"children":2389},[2390,2391,2392,2393,2394],{"id":278,"depth":319,"text":279},{"id":1091,"depth":319,"text":1092},{"id":1174,"depth":319,"text":1175},{"id":1672,"depth":319,"text":1673},{"id":1727,"depth":319,"text":1728},{"id":1957,"depth":304,"text":1958,"children":2396},[2397],{"id":1964,"depth":319,"text":1965},{"id":2020,"depth":304,"text":2021,"children":2399},[2400,2401,2402,2403,2404],{"id":2027,"depth":319,"text":2028},{"id":2034,"depth":319,"text":2035},{"id":2053,"depth":319,"text":2054},{"id":2174,"depth":319,"text":2175},{"id":2186,"depth":319,"text":2187},{"id":2308,"depth":304,"text":2309},"Engineering",null,"2026-02-10","API-first development is reshaping how companies build software. Learn the principles, benefits, and implementation patterns behind this modern approach.","md",false,{},"/blog/api-first-approach-guide","9 min read",{"title":6,"description":2409},"blog/api-first-approach-guide",[2418,141,2419,2420],"API Development","Microservices","Integration","-bqCOEq9ROQy5sCtOFK8kGYzyEJA6yDyJnG38FiWNH4",{"id":2423,"title":2424,"author":2425,"body":2428,"category":3613,"coverImage":2407,"date":3614,"description":3615,"extension":2410,"featured":365,"meta":3616,"navigation":365,"path":3617,"readingTime":3618,"seo":3619,"stem":3620,"tags":3621,"__hash__":3625},"blog/blog/building-connekz-ai-agent.md","Inside Connekz: How We Built an AI Agent That Books, Sells, and Supports",{"name":2426,"role":2427},"Amaya Perera","Head of AI & Machine Learning",{"type":11,"value":2429,"toc":3587},[2430,2434,2440,2443,2448,2452,2455,2459,2462,2466,2469,2473,2476,2479,2483,2486,2489,2515,2837,2842,2846,2849,2852,2856,2859,2863,2866,3177,3181,3184,3187,3252,3255,3260,3264,3267,3271,3274,3278,3285,3289,3292,3296,3299,3325,3329,3332,3335,3355,3358,3362,3365,3368,3382,3385,3389,3392,3424,3427,3431,3434,3517,3524,3533,3537,3540,3570,3573,3575,3584],[14,2431,2433],{"id":2432},"why-we-built-connekz","Why We Built Connekz",[19,2435,2436,2437,2439],{},"Most businesses cannot afford a 24/7 sales and support team, yet their customers expect instant, intelligent responses at any hour. ",[23,2438,252],{}," is the AI agent platform we built to bridge that gap — a system that does not just answer questions, but takes real-world actions: booking appointments, checking availability, processing orders, and updating CRM records, all through natural conversation.",[19,2441,2442],{},"This is the story of how we designed, built, and scaled Connekz from an internal prototype to a production platform serving businesses across New Zealand and beyond. We will cover the architecture decisions, the hard engineering problems, and the lessons we learned shipping AI agents into high-stakes customer-facing environments.",[31,2444,2445],{},[19,2446,2447],{},"Building an AI chatbot is easy. Building an AI agent that businesses trust with their customers and revenue is a fundamentally different problem.",[14,2449,2451],{"id":2450},"the-problem-we-set-out-to-solve","The Problem We Set Out to Solve",[19,2453,2454],{},"Before building Connekz, we spent months interviewing business owners across industries — healthcare clinics, trade services, hospitality, professional services. Three problems appeared consistently.",[79,2456,2458],{"id":2457},"lost-leads-outside-business-hours","Lost leads outside business hours",[19,2460,2461],{},"A physiotherapy clinic we worked with tracked their missed calls. Forty-two percent of new patient enquiries came outside business hours. Every one of those was a potential booking lost to a competitor who answered the phone. Multiplied across hundreds of businesses, the scale of lost revenue was staggering.",[79,2463,2465],{"id":2464},"overwhelmed-support-teams","Overwhelmed support teams",[19,2467,2468],{},"A mid-sized e-commerce company had three customer support staff handling 200+ daily enquiries. Seventy percent of those enquiries were repetitive — order status checks, return policy questions, product availability. The team spent most of their day answering the same questions, leaving complex issues waiting in queue.",[79,2470,2472],{"id":2471},"inconsistent-customer-experiences","Inconsistent customer experiences",[19,2474,2475],{},"When a business operates across multiple channels — phone, email, website chat, social media — customers receive different levels of service depending on which channel they use and which team member responds. Tone, accuracy, and response time vary wildly. There is no single source of truth for how the business should communicate.",[19,2477,2478],{},"Connekz was designed to solve all three problems simultaneously. Not by replacing human teams, but by handling the predictable, repetitive interactions so that human staff can focus on the complex, high-value conversations where they make the biggest difference.",[79,2480,2482],{"id":2481},"rag-pipeline-for-business-specific-knowledge","RAG Pipeline for Business-Specific Knowledge",[19,2484,2485],{},"Every business that deploys Connekz has unique products, services, policies, and terminology. We use Retrieval-Augmented Generation (RAG) to ground the AI agent in business-specific knowledge without fine-tuning a model for each customer.",[19,2487,2488],{},"The RAG pipeline works as follows:",[47,2490,2491,2497,2503,2509],{},[50,2492,2493,2496],{},[23,2494,2495],{},"Ingestion",": Business documents — product catalogues, service descriptions, FAQs, policies, pricing — are processed, chunked, and embedded into a vector database.",[50,2498,2499,2502],{},[23,2500,2501],{},"Retrieval",": When a customer asks a question, the system retrieves the most relevant document chunks based on semantic similarity.",[50,2504,2505,2508],{},[23,2506,2507],{},"Augmented generation",": Retrieved context is injected into the model's prompt alongside the conversation history, grounding the response in verified business information.",[50,2510,2511,2514],{},[23,2512,2513],{},"Citation tracking",": Every factual claim in a response is linked back to its source document, enabling audit trails and accuracy verification.",[284,2516,2518],{"className":1181,"code":2517,"language":1183,"meta":289,"style":289},"// Simplified RAG retrieval pipeline\ninterface RetrievedChunk {\n  content: string;\n  source: string;\n  relevanceScore: number;\n  metadata: Record\u003Cstring, unknown>;\n}\n\nasync function retrieveContext(\n  query: string,\n  businessId: string,\n  topK: number = 5,\n): Promise\u003CRetrievedChunk[]> {\n  const embedding = await embedQuery(query);\n\n  const results = await vectorDb.search({\n    collection: `business_${businessId}`,\n    vector: embedding,\n    topK,\n    filter: { active: true },\n  });\n\n  return results\n    .filter((r) => r.relevanceScore > 0.75)\n    .map((r) => ({\n      content: r.payload.content,\n      source: r.payload.source,\n      relevanceScore: r.score,\n      metadata: r.payload.metadata,\n    }));\n}\n",[291,2519,2520,2525,2534,2545,2556,2567,2590,2594,2598,2611,2622,2633,2649,2667,2685,2689,2708,2724,2729,2734,2745,2749,2753,2761,2790,2808,2813,2818,2823,2828,2833],{"__ignoreMap":289},[294,2521,2522],{"class":296,"line":297},[294,2523,2524],{"class":300},"// Simplified RAG retrieval pipeline\n",[294,2526,2527,2529,2532],{"class":296,"line":304},[294,2528,2072],{"class":1195},[294,2530,2531],{"class":1112}," RetrievedChunk",[294,2533,1282],{"class":311},[294,2535,2536,2539,2541,2543],{"class":296,"line":319},[294,2537,2538],{"class":1376},"  content",[294,2540,2092],{"class":1195},[294,2542,2117],{"class":315},[294,2544,1208],{"class":311},[294,2546,2547,2550,2552,2554],{"class":296,"line":328},[294,2548,2549],{"class":1376},"  source",[294,2551,2092],{"class":1195},[294,2553,2117],{"class":315},[294,2555,1208],{"class":311},[294,2557,2558,2561,2563,2565],{"class":296,"line":340},[294,2559,2560],{"class":1376},"  relevanceScore",[294,2562,2092],{"class":1195},[294,2564,2147],{"class":315},[294,2566,1208],{"class":311},[294,2568,2569,2572,2574,2577,2579,2582,2584,2587],{"class":296,"line":351},[294,2570,2571],{"class":1376},"  metadata",[294,2573,2092],{"class":1195},[294,2575,2576],{"class":1112}," Record",[294,2578,2078],{"class":311},[294,2580,2581],{"class":315},"string",[294,2583,1295],{"class":311},[294,2585,2586],{"class":315},"unknown",[294,2588,2589],{"class":311},">;\n",[294,2591,2592],{"class":296,"line":362},[294,2593,2159],{"class":311},[294,2595,2596],{"class":296,"line":369},[294,2597,366],{"emptyLinePlaceholder":365},[294,2599,2600,2602,2605,2608],{"class":296,"line":377},[294,2601,1298],{"class":1195},[294,2603,2604],{"class":1195}," function",[294,2606,2607],{"class":1112}," retrieveContext",[294,2609,2610],{"class":311},"(\n",[294,2612,2613,2616,2618,2620],{"class":296,"line":385},[294,2614,2615],{"class":1376},"  query",[294,2617,2092],{"class":1195},[294,2619,2117],{"class":315},[294,2621,1243],{"class":311},[294,2623,2624,2627,2629,2631],{"class":296,"line":393},[294,2625,2626],{"class":1376},"  businessId",[294,2628,2092],{"class":1195},[294,2630,2117],{"class":315},[294,2632,1243],{"class":311},[294,2634,2635,2638,2640,2642,2644,2647],{"class":296,"line":404},[294,2636,2637],{"class":1376},"  topK",[294,2639,2092],{"class":1195},[294,2641,2147],{"class":315},[294,2643,1223],{"class":1195},[294,2645,2646],{"class":315}," 5",[294,2648,1243],{"class":311},[294,2650,2651,2654,2656,2659,2661,2664],{"class":296,"line":415},[294,2652,2653],{"class":311},")",[294,2655,2092],{"class":1195},[294,2657,2658],{"class":1112}," Promise",[294,2660,2078],{"class":311},[294,2662,2663],{"class":1112},"RetrievedChunk",[294,2665,2666],{"class":311},"[]> {\n",[294,2668,2669,2672,2675,2677,2679,2682],{"class":296,"line":423},[294,2670,2671],{"class":1195},"  const",[294,2673,2674],{"class":315}," embedding",[294,2676,1223],{"class":1195},[294,2678,1590],{"class":1195},[294,2680,2681],{"class":1112}," embedQuery",[294,2683,2684],{"class":311},"(query);\n",[294,2686,2687],{"class":296,"line":432},[294,2688,366],{"emptyLinePlaceholder":365},[294,2690,2691,2693,2696,2698,2700,2703,2706],{"class":296,"line":440},[294,2692,2671],{"class":1195},[294,2694,2695],{"class":315}," results",[294,2697,1223],{"class":1195},[294,2699,1590],{"class":1195},[294,2701,2702],{"class":311}," vectorDb.",[294,2704,2705],{"class":1112},"search",[294,2707,1232],{"class":311},[294,2709,2710,2713,2716,2719,2722],{"class":296,"line":451},[294,2711,2712],{"class":311},"    collection: ",[294,2714,2715],{"class":336},"`business_${",[294,2717,2718],{"class":311},"businessId",[294,2720,2721],{"class":336},"}`",[294,2723,1243],{"class":311},[294,2725,2726],{"class":296,"line":459},[294,2727,2728],{"class":311},"    vector: embedding,\n",[294,2730,2731],{"class":296,"line":467},[294,2732,2733],{"class":311},"    topK,\n",[294,2735,2736,2739,2742],{"class":296,"line":475},[294,2737,2738],{"class":311},"    filter: { active: ",[294,2740,2741],{"class":315},"true",[294,2743,2744],{"class":311}," },\n",[294,2746,2747],{"class":296,"line":486},[294,2748,1662],{"class":311},[294,2750,2751],{"class":296,"line":494},[294,2752,366],{"emptyLinePlaceholder":365},[294,2754,2755,2758],{"class":296,"line":502},[294,2756,2757],{"class":1195},"  return",[294,2759,2760],{"class":311}," results\n",[294,2762,2763,2766,2769,2772,2775,2777,2779,2782,2785,2788],{"class":296,"line":513},[294,2764,2765],{"class":311},"    .",[294,2767,2768],{"class":1112},"filter",[294,2770,2771],{"class":311},"((",[294,2773,2774],{"class":1376},"r",[294,2776,1380],{"class":311},[294,2778,1279],{"class":1195},[294,2780,2781],{"class":311}," r.relevanceScore ",[294,2783,2784],{"class":1195},">",[294,2786,2787],{"class":315}," 0.75",[294,2789,1339],{"class":311},[294,2791,2792,2794,2797,2799,2801,2803,2805],{"class":296,"line":521},[294,2793,2765],{"class":311},[294,2795,2796],{"class":1112},"map",[294,2798,2771],{"class":311},[294,2800,2774],{"class":1376},[294,2802,1380],{"class":311},[294,2804,1279],{"class":1195},[294,2806,2807],{"class":311}," ({\n",[294,2809,2810],{"class":296,"line":529},[294,2811,2812],{"class":311},"      content: r.payload.content,\n",[294,2814,2815],{"class":296,"line":537},[294,2816,2817],{"class":311},"      source: r.payload.source,\n",[294,2819,2820],{"class":296,"line":548},[294,2821,2822],{"class":311},"      relevanceScore: r.score,\n",[294,2824,2825],{"class":296,"line":556},[294,2826,2827],{"class":311},"      metadata: r.payload.metadata,\n",[294,2829,2830],{"class":296,"line":566},[294,2831,2832],{"class":311},"    }));\n",[294,2834,2835],{"class":296,"line":573},[294,2836,2159],{"class":311},[1162,2838,2839],{"type":322},[19,2840,2841],{},"RAG is not a magic bullet. The quality of retrieved context depends entirely on the quality of the source documents. We invest significant effort in helping clients structure and clean their knowledge base before deployment.",[79,2843,2845],{"id":2844},"voice-and-text-modes","Voice and Text Modes",[19,2847,2848],{},"Connekz operates in both text and voice modes. Text mode powers web chat widgets, WhatsApp integrations, and SMS interactions. Voice mode handles phone calls through real-time speech-to-text, agent processing, and text-to-speech.",[19,2850,2851],{},"Voice introduces additional engineering challenges: turn-taking (knowing when the caller has finished speaking), barge-in handling (the caller interrupts the agent mid-response), and latency requirements (voice conversations feel unnatural if response time exceeds 1.5 seconds).",[14,2853,2855],{"id":2854},"the-tool-calling-system-how-connekz-takes-action","The Tool-Calling System: How Connekz Takes Action",[19,2857,2858],{},"The defining feature that separates Connekz from a standard chatbot is its ability to take real-world actions. When a customer says \"I'd like to book an appointment for next Tuesday,\" Connekz does not just acknowledge the request — it checks the calendar, finds available slots, and creates the booking.",[79,2860,2862],{"id":2861},"how-tool-calling-works","How Tool Calling Works",[19,2864,2865],{},"The AI model is provided with a set of function definitions describing the actions it can take. Each function definition includes a name, description, and a parameter schema. When the model determines that an action is needed, it generates a structured tool call rather than a text response.",[284,2867,2869],{"className":1181,"code":2868,"language":1183,"meta":289,"style":289},"// Tool definition for appointment booking\nconst bookAppointmentTool = {\n  name: 'book_appointment',\n  description:\n    'Books an appointment for a customer. Use this when the customer wants to schedule a visit, consultation, or service.',\n  parameters: {\n    type: 'object',\n    properties: {\n      service_type: {\n        type: 'string',\n        description: 'The type of service requested',\n        enum: ['consultation', 'follow-up', 'initial-assessment', 'treatment'],\n      },\n      preferred_date: {\n        type: 'string',\n        format: 'date',\n        description: 'The customer preferred date (ISO 8601)',\n      },\n      preferred_time_range: {\n        type: 'string',\n        enum: ['morning', 'afternoon', 'evening'],\n        description: 'Preferred time of day',\n      },\n      customer_name: {\n        type: 'string',\n        description: 'Full name of the customer',\n      },\n      customer_phone: {\n        type: 'string',\n        description: 'Contact phone number',\n      },\n      notes: {\n        type: 'string',\n        description: 'Any additional notes or requirements',\n      },\n    },\n    required: ['service_type', 'preferred_date', 'customer_name'],\n  },\n};\n",[291,2870,2871,2876,2887,2897,2902,2909,2914,2924,2929,2934,2944,2954,2979,2984,2989,2997,3007,3016,3020,3025,3033,3052,3061,3065,3070,3078,3087,3091,3096,3104,3113,3117,3122,3130,3139,3143,3148,3168,3172],{"__ignoreMap":289},[294,2872,2873],{"class":296,"line":297},[294,2874,2875],{"class":300},"// Tool definition for appointment booking\n",[294,2877,2878,2880,2883,2885],{"class":296,"line":304},[294,2879,1217],{"class":1195},[294,2881,2882],{"class":315}," bookAppointmentTool",[294,2884,1223],{"class":1195},[294,2886,1282],{"class":311},[294,2888,2889,2892,2895],{"class":296,"line":319},[294,2890,2891],{"class":311},"  name: ",[294,2893,2894],{"class":336},"'book_appointment'",[294,2896,1243],{"class":311},[294,2898,2899],{"class":296,"line":328},[294,2900,2901],{"class":311},"  description:\n",[294,2903,2904,2907],{"class":296,"line":340},[294,2905,2906],{"class":336},"    'Books an appointment for a customer. Use this when the customer wants to schedule a visit, consultation, or service.'",[294,2908,1243],{"class":311},[294,2910,2911],{"class":296,"line":351},[294,2912,2913],{"class":311},"  parameters: {\n",[294,2915,2916,2919,2922],{"class":296,"line":362},[294,2917,2918],{"class":311},"    type: ",[294,2920,2921],{"class":336},"'object'",[294,2923,1243],{"class":311},[294,2925,2926],{"class":296,"line":369},[294,2927,2928],{"class":311},"    properties: {\n",[294,2930,2931],{"class":296,"line":377},[294,2932,2933],{"class":311},"      service_type: {\n",[294,2935,2936,2939,2942],{"class":296,"line":385},[294,2937,2938],{"class":311},"        type: ",[294,2940,2941],{"class":336},"'string'",[294,2943,1243],{"class":311},[294,2945,2946,2949,2952],{"class":296,"line":393},[294,2947,2948],{"class":311},"        description: ",[294,2950,2951],{"class":336},"'The type of service requested'",[294,2953,1243],{"class":311},[294,2955,2956,2959,2961,2963,2966,2968,2971,2973,2976],{"class":296,"line":404},[294,2957,2958],{"class":311},"        enum: [",[294,2960,1428],{"class":336},[294,2962,1295],{"class":311},[294,2964,2965],{"class":336},"'follow-up'",[294,2967,1295],{"class":311},[294,2969,2970],{"class":336},"'initial-assessment'",[294,2972,1295],{"class":311},[294,2974,2975],{"class":336},"'treatment'",[294,2977,2978],{"class":311},"],\n",[294,2980,2981],{"class":296,"line":415},[294,2982,2983],{"class":311},"      },\n",[294,2985,2986],{"class":296,"line":423},[294,2987,2988],{"class":311},"      preferred_date: {\n",[294,2990,2991,2993,2995],{"class":296,"line":432},[294,2992,2938],{"class":311},[294,2994,2941],{"class":336},[294,2996,1243],{"class":311},[294,2998,2999,3002,3005],{"class":296,"line":440},[294,3000,3001],{"class":311},"        format: ",[294,3003,3004],{"class":336},"'date'",[294,3006,1243],{"class":311},[294,3008,3009,3011,3014],{"class":296,"line":451},[294,3010,2948],{"class":311},[294,3012,3013],{"class":336},"'The customer preferred date (ISO 8601)'",[294,3015,1243],{"class":311},[294,3017,3018],{"class":296,"line":459},[294,3019,2983],{"class":311},[294,3021,3022],{"class":296,"line":467},[294,3023,3024],{"class":311},"      preferred_time_range: {\n",[294,3026,3027,3029,3031],{"class":296,"line":475},[294,3028,2938],{"class":311},[294,3030,2941],{"class":336},[294,3032,1243],{"class":311},[294,3034,3035,3037,3040,3042,3045,3047,3050],{"class":296,"line":486},[294,3036,2958],{"class":311},[294,3038,3039],{"class":336},"'morning'",[294,3041,1295],{"class":311},[294,3043,3044],{"class":336},"'afternoon'",[294,3046,1295],{"class":311},[294,3048,3049],{"class":336},"'evening'",[294,3051,2978],{"class":311},[294,3053,3054,3056,3059],{"class":296,"line":494},[294,3055,2948],{"class":311},[294,3057,3058],{"class":336},"'Preferred time of day'",[294,3060,1243],{"class":311},[294,3062,3063],{"class":296,"line":502},[294,3064,2983],{"class":311},[294,3066,3067],{"class":296,"line":513},[294,3068,3069],{"class":311},"      customer_name: {\n",[294,3071,3072,3074,3076],{"class":296,"line":521},[294,3073,2938],{"class":311},[294,3075,2941],{"class":336},[294,3077,1243],{"class":311},[294,3079,3080,3082,3085],{"class":296,"line":529},[294,3081,2948],{"class":311},[294,3083,3084],{"class":336},"'Full name of the customer'",[294,3086,1243],{"class":311},[294,3088,3089],{"class":296,"line":537},[294,3090,2983],{"class":311},[294,3092,3093],{"class":296,"line":548},[294,3094,3095],{"class":311},"      customer_phone: {\n",[294,3097,3098,3100,3102],{"class":296,"line":556},[294,3099,2938],{"class":311},[294,3101,2941],{"class":336},[294,3103,1243],{"class":311},[294,3105,3106,3108,3111],{"class":296,"line":566},[294,3107,2948],{"class":311},[294,3109,3110],{"class":336},"'Contact phone number'",[294,3112,1243],{"class":311},[294,3114,3115],{"class":296,"line":573},[294,3116,2983],{"class":311},[294,3118,3119],{"class":296,"line":580},[294,3120,3121],{"class":311},"      notes: {\n",[294,3123,3124,3126,3128],{"class":296,"line":587},[294,3125,2938],{"class":311},[294,3127,2941],{"class":336},[294,3129,1243],{"class":311},[294,3131,3132,3134,3137],{"class":296,"line":597},[294,3133,2948],{"class":311},[294,3135,3136],{"class":336},"'Any additional notes or requirements'",[294,3138,1243],{"class":311},[294,3140,3141],{"class":296,"line":605},[294,3142,2983],{"class":311},[294,3144,3145],{"class":296,"line":615},[294,3146,3147],{"class":311},"    },\n",[294,3149,3150,3153,3156,3158,3161,3163,3166],{"class":296,"line":622},[294,3151,3152],{"class":311},"    required: [",[294,3154,3155],{"class":336},"'service_type'",[294,3157,1295],{"class":311},[294,3159,3160],{"class":336},"'preferred_date'",[294,3162,1295],{"class":311},[294,3164,3165],{"class":336},"'customer_name'",[294,3167,2978],{"class":311},[294,3169,3170],{"class":296,"line":629},[294,3171,1922],{"class":311},[294,3173,3174],{"class":296,"line":636},[294,3175,3176],{"class":311},"};\n",[79,3178,3180],{"id":3179},"safety-guardrails-and-confirmation-flows","Safety Guardrails and Confirmation Flows",[19,3182,3183],{},"Tool calls that modify data or create commitments always pass through a confirmation flow. The agent presents the proposed action to the customer and waits for explicit confirmation before executing.",[19,3185,3186],{},"For example, a booking flow looks like this:",[47,3188,3189,3195,3204,3210,3215,3220,3225,3230,3235,3240,3247],{},[50,3190,3191,3194],{},[23,3192,3193],{},"Customer",": \"I'd like to book a consultation for next Tuesday afternoon.\"",[50,3196,3197,3200,3201],{},[23,3198,3199],{},"Agent"," (internal): Calls ",[291,3202,3203],{},"check_availability({ date: '2026-02-17', time_range: 'afternoon' })",[50,3205,3206,3209],{},[23,3207,3208],{},"System",": Returns available slots: 1:00 PM, 2:30 PM, 4:00 PM",[50,3211,3212,3214],{},[23,3213,3199],{},": \"I have three afternoon slots available on Tuesday the 17th: 1:00 PM, 2:30 PM, and 4:00 PM. Which works best for you?\"",[50,3216,3217,3219],{},[23,3218,3193],{},": \"2:30 works.\"",[50,3221,3222,3224],{},[23,3223,3199],{},": \"I'll book you in for a consultation at 2:30 PM on Tuesday 17 February. Could I get your full name and a contact number?\"",[50,3226,3227,3229],{},[23,3228,3193],{},": \"Sarah Chen, 021 555 0123.\"",[50,3231,3232,3234],{},[23,3233,3199],{},": \"To confirm: a consultation for Sarah Chen at 2:30 PM on Tuesday 17 February. I'll send a confirmation to 021 555 0123. Shall I go ahead?\"",[50,3236,3237,3239],{},[23,3238,3193],{},": \"Yes please.\"",[50,3241,3242,3200,3244],{},[23,3243,3199],{},[291,3245,3246],{},"book_appointment({ service_type: 'consultation', preferred_date: '2026-02-17', preferred_time_range: 'afternoon', customer_name: 'Sarah Chen', customer_phone: '021 555 0123' })",[50,3248,3249,3251],{},[23,3250,3199],{},": \"You're all booked in. You'll receive a confirmation text shortly. Is there anything else I can help with?\"",[19,3253,3254],{},"The confirmation step is non-negotiable. The agent never creates a booking, processes a payment, or modifies a record without explicit customer approval.",[1162,3256,3257],{"type":1164},[19,3258,3259],{},"Designing confirmation flows is as important as designing the AI model itself. A single incorrect booking damages trust far more than a slow response time. We err heavily on the side of confirming before acting.",[14,3261,3263],{"id":3262},"multi-platform-deployment","Multi-Platform Deployment",[19,3265,3266],{},"Connekz deploys wherever your customers are. Each deployment mode is optimised for its platform while sharing the same core intelligence.",[79,3268,3270],{"id":3269},"web-widget","Web Widget",[19,3272,3273],{},"A lightweight JavaScript widget that embeds in any website. It loads asynchronously (under 30KB initial payload), supports custom theming to match your brand, and works across all modern browsers. The widget communicates with the Connekz backend via WebSocket for real-time conversation.",[79,3275,3277],{"id":3276},"inline-chat","Inline Chat",[19,3279,3280,3281,3284],{},"For businesses that want the AI agent integrated directly into their ",[230,3282,3283],{"href":2353},"website pages"," rather than as a floating widget. The inline mode renders within a designated container element and can be styled to look like a native part of the page.",[14,3286,3288],{"id":3287},"what-we-learned-building-production-ai-agents","What We Learned Building Production AI Agents",[19,3290,3291],{},"Shipping AI agents into production customer-facing environments taught us lessons that no research paper or demo could.",[79,3293,3295],{"id":3294},"hallucination-mitigation-is-an-engineering-problem","Hallucination Mitigation Is an Engineering Problem",[19,3297,3298],{},"LLMs hallucinate. This is a fundamental characteristic, not a bug to be patched. Our mitigation strategy is multi-layered:",[1711,3300,3301,3307,3313,3319],{},[50,3302,3303,3306],{},[23,3304,3305],{},"Constrain the knowledge domain",": The agent only answers questions about topics covered in the RAG knowledge base. For everything else, it responds honestly: \"I don't have information about that. Let me connect you with a team member who can help.\"",[50,3308,3309,3312],{},[23,3310,3311],{},"Fact-check against structured data",": When the agent states a price, availability, or policy, the system cross-references against structured data sources (not just the RAG corpus) before presenting the information.",[50,3314,3315,3318],{},[23,3316,3317],{},"Confidence scoring",": Every response includes an internal confidence score. Below a configurable threshold, the agent flags uncertainty to the customer or escalates to a human.",[50,3320,3321,3324],{},[23,3322,3323],{},"Post-response validation",": A lightweight validation model reviews each response before it is sent, checking for contradictions with known facts and flagging potential hallucinations.",[79,3326,3328],{"id":3327},"graceful-handoff-to-humans-is-not-optional","Graceful Handoff to Humans Is Not Optional",[19,3330,3331],{},"No AI agent can handle every situation. The quality of your handoff process determines whether a complex interaction becomes a satisfied customer or a lost one.",[19,3333,3334],{},"Connekz implements three types of handoff:",[47,3336,3337,3343,3349],{},[50,3338,3339,3342],{},[23,3340,3341],{},"Proactive handoff",": The agent detects it cannot resolve the issue (low confidence, out-of-scope request, detected frustration) and initiates transfer.",[50,3344,3345,3348],{},[23,3346,3347],{},"Customer-requested handoff",": The customer explicitly asks to speak with a person. This is honoured immediately, no friction, no attempts to retain the conversation.",[50,3350,3351,3354],{},[23,3352,3353],{},"Escalation handoff",": A human supervisor monitoring the conversation intervenes and takes over.",[19,3356,3357],{},"In all cases, the full conversation history and context are passed to the human agent. The customer never has to repeat themselves.",[79,3359,3361],{"id":3360},"latency-matters-more-than-you-think","Latency Matters More Than You Think",[19,3363,3364],{},"In conversational AI, perceived intelligence is heavily influenced by response speed. A technically superior response delivered in 5 seconds feels worse than a good response delivered in 800ms. Users begin to disengage after 2 seconds of silence.",[19,3366,3367],{},"We optimise for latency at every layer:",[1711,3369,3370,3373,3376,3379],{},[50,3371,3372],{},"Intent classification completes in under 50ms",[50,3374,3375],{},"RAG retrieval runs in parallel with conversation context assembly",[50,3377,3378],{},"Response streaming begins before the full response is generated",[50,3380,3381],{},"Tool calls execute asynchronously where possible",[19,3383,3384],{},"Our p95 response latency for text interactions is under 1.2 seconds. For voice, we target under 1.5 seconds from end-of-speech detection to start-of-response playback.",[79,3386,3388],{"id":3387},"monitoring-and-continuous-improvement","Monitoring and Continuous Improvement",[19,3390,3391],{},"Deploying an AI agent is not a launch-and-forget operation. We monitor every conversation across multiple dimensions:",[1711,3393,3394,3400,3406,3412,3418],{},[50,3395,3396,3399],{},[23,3397,3398],{},"Resolution rate",": What percentage of conversations reach a successful outcome without human handoff?",[50,3401,3402,3405],{},[23,3403,3404],{},"Accuracy rate",": Human evaluators review volenteraly provided sampled conversations for factual accuracy and appropriateness.",[50,3407,3408,3411],{},[23,3409,3410],{},"Customer satisfaction",": Post-conversation ratings and sentiment analysis.",[50,3413,3414,3417],{},[23,3415,3416],{},"Tool call success rate",": What percentage of bookings, updates, and actions complete successfully?",[50,3419,3420,3423],{},[23,3421,3422],{},"Escalation patterns",": Which topics or scenarios consistently require human handoff? These inform knowledge base improvements and model updates.",[19,3425,3426],{},"We feed these metrics back into a continuous improvement loop. Every week, the lowest-performing conversation patterns are reviewed, and the knowledge base, prompts, and guardrails are updated accordingly.",[14,3428,3430],{"id":3429},"results-our-clients-see","Results Our Clients See",[19,3432,3433],{},"The impact of deploying Connekz varies by industry and use case, but the patterns are consistent.",[124,3435,3436,3449],{},[127,3437,3438],{},[130,3439,3440,3443,3446],{},[133,3441,3442],{},"Metric",[133,3444,3445],{},"Typical Before",[133,3447,3448],{},"Typical After",[143,3450,3451,3462,3473,3484,3495,3506],{},[130,3452,3453,3456,3459],{},[148,3454,3455],{},"After-hours response rate",[148,3457,3458],{},"0% (voicemail/email only)",[148,3460,3461],{},"95%+ instant response",[130,3463,3464,3467,3470],{},[148,3465,3466],{},"Average first response time",[148,3468,3469],{},"4-8 hours",[148,3471,3472],{},"Under 2 seconds",[130,3474,3475,3478,3481],{},[148,3476,3477],{},"Routine enquiry handling",[148,3479,3480],{},"100% human",[148,3482,3483],{},"70-80% automated",[130,3485,3486,3489,3492],{},[148,3487,3488],{},"Booking conversion (after-hours)",[148,3490,3491],{},"Near zero",[148,3493,3494],{},"35-50% of enquiries",[130,3496,3497,3500,3503],{},[148,3498,3499],{},"Support cost per interaction",[148,3501,3502],{},"$8-15",[148,3504,3505],{},"$0.50-2.00",[130,3507,3508,3511,3514],{},[148,3509,3510],{},"Customer satisfaction score",[148,3512,3513],{},"3.8/5.0",[148,3515,3516],{},"4.3/5.0",[19,3518,3519,3520,3523],{},"These numbers represent real outcomes from ",[230,3521,3522],{"href":251},"Connekz deployments"," across healthcare, professional services, and hospitality businesses.",[1162,3525,3526],{"type":322},[19,3527,3528,3529,3532],{},"The most surprising result: customer satisfaction scores typically ",[2180,3530,3531],{},"increase"," after AI agent deployment. Customers prefer an instant, accurate response from an AI over a delayed or inconsistent response from an overwhelmed human team.",[14,3534,3536],{"id":3535},"the-road-ahead","The Road Ahead",[19,3538,3539],{},"Connekz is not a finished product. It is a platform that evolves with advances in AI capabilities and our clients' needs. Our current development priorities include:",[1711,3541,3542,3548,3554,3564],{},[50,3543,3544,3547],{},[23,3545,3546],{},"Multi-agent orchestration",": Complex business processes that require coordination between specialised agents (a booking agent, a billing agent, a technical support agent) working together on a single customer interaction.",[50,3549,3550,3553],{},[23,3551,3552],{},"Proactive outreach",": Connekz initiating conversations based on triggers — appointment reminders, follow-up after service, re-engagement of lapsed customers.",[50,3555,3556,3563],{},[23,3557,3558,3559],{},"Deeper ",[230,3560,3562],{"href":3561},"/solutions/ai-solutions","AI integration",": Connecting Connekz to internal business intelligence, allowing the agent to make data-informed recommendations (e.g., suggesting the most popular service for a new customer based on similar customer patterns).",[50,3565,3566,3569],{},[23,3567,3568],{},"Industry-specific models",": Fine-tuned models for healthcare, legal, and financial services that understand domain-specific terminology, compliance requirements, and interaction patterns.",[19,3571,3572],{},"The gap between what customers expect and what most businesses can deliver is growing. AI agents are not a futuristic concept — they are a practical, deployable solution to a problem that every business faces today.",[2357,3574],{},[19,3576,3577],{},[2180,3578,3579,3580,3583],{},"Ready to deploy Connekz for your business? ",[230,3581,3582],{"href":2366},"Start a conversation with our team"," and see what intelligent automation can do for your customer experience.",[2370,3585,3586],{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":289,"searchDepth":304,"depth":304,"links":3588},[3589,3590,3597,3601,3605,3611,3612],{"id":2432,"depth":304,"text":2433},{"id":2450,"depth":304,"text":2451,"children":3591},[3592,3593,3594,3595,3596],{"id":2457,"depth":319,"text":2458},{"id":2464,"depth":319,"text":2465},{"id":2471,"depth":319,"text":2472},{"id":2481,"depth":319,"text":2482},{"id":2844,"depth":319,"text":2845},{"id":2854,"depth":304,"text":2855,"children":3598},[3599,3600],{"id":2861,"depth":319,"text":2862},{"id":3179,"depth":319,"text":3180},{"id":3262,"depth":304,"text":3263,"children":3602},[3603,3604],{"id":3269,"depth":319,"text":3270},{"id":3276,"depth":319,"text":3277},{"id":3287,"depth":304,"text":3288,"children":3606},[3607,3608,3609,3610],{"id":3294,"depth":319,"text":3295},{"id":3327,"depth":319,"text":3328},{"id":3360,"depth":319,"text":3361},{"id":3387,"depth":319,"text":3388},{"id":3429,"depth":304,"text":3430},{"id":3535,"depth":304,"text":3536},"AI","2026-02-07","A behind-the-scenes look at building Connekz — the AI agent platform powering customer interactions for businesses across New Zealand and beyond.",{},"/blog/building-connekz-ai-agent","11 min read",{"title":2424,"description":3615},"blog/building-connekz-ai-agent",[252,3622,3623,3624],"AI Agents","Natural Language Processing","Product Engineering","3dweb7U44CHsXPjufugyInw62GeJ0CMrWfns7Q78EI8",{"id":3627,"title":3628,"author":3629,"body":3632,"category":4588,"coverImage":2407,"date":4589,"description":4590,"extension":2410,"featured":2411,"meta":4591,"navigation":365,"path":4592,"readingTime":4593,"seo":4594,"stem":4595,"tags":4596,"__hash__":4601},"blog/blog/building-design-systems-at-scale.md","Building Design Systems at Scale: Lessons from the Trenches",{"name":3630,"role":3631},"Nimesha Fernando","Design Engineering Lead",{"type":11,"value":3633,"toc":4564},[3634,3638,3641,3644,3649,3653,3656,3688,3693,3697,3701,3704,4055,4059,4062,4312,4317,4321,4327,4331,4334,4345,4349,4352,4356,4359,4364,4368,4371,4375,4407,4411,4414,4446,4450,4454,4472,4476,4483,4487,4490,4504,4507,4511,4514,4520,4524,4527,4547,4550,4552,4561],[14,3635,3637],{"id":3636},"why-most-design-systems-fail","Why Most Design Systems Fail",[19,3639,3640],{},"Here's an uncomfortable truth: most design systems die. Not with a dramatic failure, but with a slow fade into irrelevance as teams quietly stop using them and build their own components instead.",[19,3642,3643],{},"After building (and, honestly, failing at) design systems at three different companies, we've identified the pattern that separates living systems from abandoned ones.",[31,3645,3646],{},[19,3647,3648],{},"A design system is not a component library. It's a shared language between design and engineering, and like any language, it dies if nobody speaks it.",[14,3650,3652],{"id":3651},"the-foundation-principles-over-pixels","The Foundation: Principles Over Pixels",[19,3654,3655],{},"Before writing a single line of CSS, we established five non-negotiable principles:",[47,3657,3658,3664,3670,3676,3682],{},[50,3659,3660,3663],{},[23,3661,3662],{},"Adoption is optional"," — If teams choose our system, it's because it's genuinely better than the alternative",[50,3665,3666,3669],{},[23,3667,3668],{},"Composition over configuration"," — Small, focused primitives that compose into complex patterns",[50,3671,3672,3675],{},[23,3673,3674],{},"Accessible by default"," — WCAG 2.1 AA compliance is not a feature, it's a baseline",[50,3677,3678,3681],{},[23,3679,3680],{},"Performance budget"," — Every component has a bundle size budget, enforced in CI",[50,3683,3684,3687],{},[23,3685,3686],{},"Documentation is the product"," — If it's not documented, it doesn't exist",[1162,3689,3690],{"type":1164},[19,3691,3692],{},"The single most impactful decision we made was making adoption optional. It forced us to build something genuinely useful rather than mandating usage through organisational authority.",[14,3694,3696],{"id":3695},"architecture-decisions","Architecture Decisions",[79,3698,3700],{"id":3699},"token-first-design","Token-First Design",[19,3702,3703],{},"Everything starts with design tokens. Colours, spacing, typography, shadows — all defined as tokens that flow from Figma to code through an automated pipeline.",[284,3705,3707],{"className":2197,"code":3706,"language":1875,"meta":289,"style":289},"{\n  \"color\": {\n    \"primary\": {\n      \"50\": { \"value\": \"#eef6ff\", \"type\": \"color\" },\n      \"500\": { \"value\": \"#2f7bff\", \"type\": \"color\" },\n      \"700\": { \"value\": \"#0d44e1\", \"type\": \"color\" },\n      \"900\": { \"value\": \"#14338f\", \"type\": \"color\" }\n    },\n    \"semantic\": {\n      \"success\": { \"value\": \"{color.secondary.500}\", \"type\": \"color\" },\n      \"warning\": { \"value\": \"#f59e0b\", \"type\": \"color\" },\n      \"error\": { \"value\": \"#ef4444\", \"type\": \"color\" }\n    }\n  },\n  \"spacing\": {\n    \"xs\": { \"value\": \"4px\", \"type\": \"spacing\" },\n    \"sm\": { \"value\": \"8px\", \"type\": \"spacing\" },\n    \"md\": { \"value\": \"16px\", \"type\": \"spacing\" },\n    \"lg\": { \"value\": \"24px\", \"type\": \"spacing\" },\n    \"xl\": { \"value\": \"32px\", \"type\": \"spacing\" }\n  }\n}\n",[291,3708,3709,3713,3720,3727,3755,3779,3803,3828,3832,3839,3863,3887,3911,3915,3919,3926,3951,3975,3999,4023,4047,4051],{"__ignoreMap":289},[294,3710,3711],{"class":296,"line":297},[294,3712,2205],{"class":311},[294,3714,3715,3718],{"class":296,"line":304},[294,3716,3717],{"class":315},"  \"color\"",[294,3719,2213],{"class":311},[294,3721,3722,3725],{"class":296,"line":319},[294,3723,3724],{"class":315},"    \"primary\"",[294,3726,2213],{"class":311},[294,3728,3729,3732,3735,3738,3740,3743,3745,3748,3750,3753],{"class":296,"line":328},[294,3730,3731],{"class":315},"      \"50\"",[294,3733,3734],{"class":311},": { ",[294,3736,3737],{"class":315},"\"value\"",[294,3739,312],{"class":311},[294,3741,3742],{"class":336},"\"#eef6ff\"",[294,3744,1295],{"class":311},[294,3746,3747],{"class":315},"\"type\"",[294,3749,312],{"class":311},[294,3751,3752],{"class":336},"\"color\"",[294,3754,2744],{"class":311},[294,3756,3757,3760,3762,3764,3766,3769,3771,3773,3775,3777],{"class":296,"line":340},[294,3758,3759],{"class":315},"      \"500\"",[294,3761,3734],{"class":311},[294,3763,3737],{"class":315},[294,3765,312],{"class":311},[294,3767,3768],{"class":336},"\"#2f7bff\"",[294,3770,1295],{"class":311},[294,3772,3747],{"class":315},[294,3774,312],{"class":311},[294,3776,3752],{"class":336},[294,3778,2744],{"class":311},[294,3780,3781,3784,3786,3788,3790,3793,3795,3797,3799,3801],{"class":296,"line":351},[294,3782,3783],{"class":315},"      \"700\"",[294,3785,3734],{"class":311},[294,3787,3737],{"class":315},[294,3789,312],{"class":311},[294,3791,3792],{"class":336},"\"#0d44e1\"",[294,3794,1295],{"class":311},[294,3796,3747],{"class":315},[294,3798,312],{"class":311},[294,3800,3752],{"class":336},[294,3802,2744],{"class":311},[294,3804,3805,3808,3810,3812,3814,3817,3819,3821,3823,3825],{"class":296,"line":362},[294,3806,3807],{"class":315},"      \"900\"",[294,3809,3734],{"class":311},[294,3811,3737],{"class":315},[294,3813,312],{"class":311},[294,3815,3816],{"class":336},"\"#14338f\"",[294,3818,1295],{"class":311},[294,3820,3747],{"class":315},[294,3822,312],{"class":311},[294,3824,3752],{"class":336},[294,3826,3827],{"class":311}," }\n",[294,3829,3830],{"class":296,"line":369},[294,3831,3147],{"class":311},[294,3833,3834,3837],{"class":296,"line":377},[294,3835,3836],{"class":315},"    \"semantic\"",[294,3838,2213],{"class":311},[294,3840,3841,3844,3846,3848,3850,3853,3855,3857,3859,3861],{"class":296,"line":385},[294,3842,3843],{"class":315},"      \"success\"",[294,3845,3734],{"class":311},[294,3847,3737],{"class":315},[294,3849,312],{"class":311},[294,3851,3852],{"class":336},"\"{color.secondary.500}\"",[294,3854,1295],{"class":311},[294,3856,3747],{"class":315},[294,3858,312],{"class":311},[294,3860,3752],{"class":336},[294,3862,2744],{"class":311},[294,3864,3865,3868,3870,3872,3874,3877,3879,3881,3883,3885],{"class":296,"line":393},[294,3866,3867],{"class":315},"      \"warning\"",[294,3869,3734],{"class":311},[294,3871,3737],{"class":315},[294,3873,312],{"class":311},[294,3875,3876],{"class":336},"\"#f59e0b\"",[294,3878,1295],{"class":311},[294,3880,3747],{"class":315},[294,3882,312],{"class":311},[294,3884,3752],{"class":336},[294,3886,2744],{"class":311},[294,3888,3889,3892,3894,3896,3898,3901,3903,3905,3907,3909],{"class":296,"line":404},[294,3890,3891],{"class":315},"      \"error\"",[294,3893,3734],{"class":311},[294,3895,3737],{"class":315},[294,3897,312],{"class":311},[294,3899,3900],{"class":336},"\"#ef4444\"",[294,3902,1295],{"class":311},[294,3904,3747],{"class":315},[294,3906,312],{"class":311},[294,3908,3752],{"class":336},[294,3910,3827],{"class":311},[294,3912,3913],{"class":296,"line":415},[294,3914,2293],{"class":311},[294,3916,3917],{"class":296,"line":423},[294,3918,1922],{"class":311},[294,3920,3921,3924],{"class":296,"line":432},[294,3922,3923],{"class":315},"  \"spacing\"",[294,3925,2213],{"class":311},[294,3927,3928,3931,3933,3935,3937,3940,3942,3944,3946,3949],{"class":296,"line":440},[294,3929,3930],{"class":315},"    \"xs\"",[294,3932,3734],{"class":311},[294,3934,3737],{"class":315},[294,3936,312],{"class":311},[294,3938,3939],{"class":336},"\"4px\"",[294,3941,1295],{"class":311},[294,3943,3747],{"class":315},[294,3945,312],{"class":311},[294,3947,3948],{"class":336},"\"spacing\"",[294,3950,2744],{"class":311},[294,3952,3953,3956,3958,3960,3962,3965,3967,3969,3971,3973],{"class":296,"line":451},[294,3954,3955],{"class":315},"    \"sm\"",[294,3957,3734],{"class":311},[294,3959,3737],{"class":315},[294,3961,312],{"class":311},[294,3963,3964],{"class":336},"\"8px\"",[294,3966,1295],{"class":311},[294,3968,3747],{"class":315},[294,3970,312],{"class":311},[294,3972,3948],{"class":336},[294,3974,2744],{"class":311},[294,3976,3977,3980,3982,3984,3986,3989,3991,3993,3995,3997],{"class":296,"line":459},[294,3978,3979],{"class":315},"    \"md\"",[294,3981,3734],{"class":311},[294,3983,3737],{"class":315},[294,3985,312],{"class":311},[294,3987,3988],{"class":336},"\"16px\"",[294,3990,1295],{"class":311},[294,3992,3747],{"class":315},[294,3994,312],{"class":311},[294,3996,3948],{"class":336},[294,3998,2744],{"class":311},[294,4000,4001,4004,4006,4008,4010,4013,4015,4017,4019,4021],{"class":296,"line":467},[294,4002,4003],{"class":315},"    \"lg\"",[294,4005,3734],{"class":311},[294,4007,3737],{"class":315},[294,4009,312],{"class":311},[294,4011,4012],{"class":336},"\"24px\"",[294,4014,1295],{"class":311},[294,4016,3747],{"class":315},[294,4018,312],{"class":311},[294,4020,3948],{"class":336},[294,4022,2744],{"class":311},[294,4024,4025,4028,4030,4032,4034,4037,4039,4041,4043,4045],{"class":296,"line":475},[294,4026,4027],{"class":315},"    \"xl\"",[294,4029,3734],{"class":311},[294,4031,3737],{"class":315},[294,4033,312],{"class":311},[294,4035,4036],{"class":336},"\"32px\"",[294,4038,1295],{"class":311},[294,4040,3747],{"class":315},[294,4042,312],{"class":311},[294,4044,3948],{"class":336},[294,4046,3827],{"class":311},[294,4048,4049],{"class":296,"line":486},[294,4050,2298],{"class":311},[294,4052,4053],{"class":296,"line":494},[294,4054,2159],{"class":311},[79,4056,4058],{"id":4057},"component-api-design","Component API Design",[19,4060,4061],{},"We follow a strict API design philosophy for every component:",[284,4063,4067],{"className":4064,"code":4065,"language":4066,"meta":289,"style":289},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\n// Every component follows this pattern:\n// 1. Props with sensible defaults\n// 2. Named slots for composition\n// 3. Emits for parent communication\n// 4. Expose for imperative access (rare)\n\ninterface ButtonProps {\n  variant?: 'primary' | 'secondary' | 'ghost';\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nwithDefaults(defineProps\u003CButtonProps>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  loading: false,\n});\n\ndefineEmits\u003C{\n  click: [event: MouseEvent];\n}>();\n\u003C/script>\n","vue",[291,4068,4069,4091,4096,4101,4106,4111,4116,4120,4129,4152,4174,4185,4196,4200,4204,4222,4232,4242,4252,4261,4265,4269,4277,4298,4303],{"__ignoreMap":289},[294,4070,4071,4073,4076,4079,4082,4085,4088],{"class":296,"line":297},[294,4072,2078],{"class":311},[294,4074,4075],{"class":307},"script",[294,4077,4078],{"class":1112}," setup",[294,4080,4081],{"class":1112}," lang",[294,4083,4084],{"class":311},"=",[294,4086,4087],{"class":336},"\"ts\"",[294,4089,4090],{"class":311},">\n",[294,4092,4093],{"class":296,"line":304},[294,4094,4095],{"class":300},"// Every component follows this pattern:\n",[294,4097,4098],{"class":296,"line":319},[294,4099,4100],{"class":300},"// 1. Props with sensible defaults\n",[294,4102,4103],{"class":296,"line":328},[294,4104,4105],{"class":300},"// 2. Named slots for composition\n",[294,4107,4108],{"class":296,"line":340},[294,4109,4110],{"class":300},"// 3. Emits for parent communication\n",[294,4112,4113],{"class":296,"line":351},[294,4114,4115],{"class":300},"// 4. Expose for imperative access (rare)\n",[294,4117,4118],{"class":296,"line":362},[294,4119,366],{"emptyLinePlaceholder":365},[294,4121,4122,4124,4127],{"class":296,"line":369},[294,4123,2072],{"class":1195},[294,4125,4126],{"class":1112}," ButtonProps",[294,4128,1282],{"class":311},[294,4130,4131,4134,4137,4140,4142,4145,4147,4150],{"class":296,"line":377},[294,4132,4133],{"class":1376},"  variant",[294,4135,4136],{"class":1195},"?:",[294,4138,4139],{"class":336}," 'primary'",[294,4141,2120],{"class":1195},[294,4143,4144],{"class":336}," 'secondary'",[294,4146,2120],{"class":1195},[294,4148,4149],{"class":336}," 'ghost'",[294,4151,1208],{"class":311},[294,4153,4154,4157,4159,4162,4164,4167,4169,4172],{"class":296,"line":385},[294,4155,4156],{"class":1376},"  size",[294,4158,4136],{"class":1195},[294,4160,4161],{"class":336}," 'sm'",[294,4163,2120],{"class":1195},[294,4165,4166],{"class":336}," 'md'",[294,4168,2120],{"class":1195},[294,4170,4171],{"class":336}," 'lg'",[294,4173,1208],{"class":311},[294,4175,4176,4179,4181,4183],{"class":296,"line":393},[294,4177,4178],{"class":1376},"  disabled",[294,4180,4136],{"class":1195},[294,4182,2135],{"class":315},[294,4184,1208],{"class":311},[294,4186,4187,4190,4192,4194],{"class":296,"line":404},[294,4188,4189],{"class":1376},"  loading",[294,4191,4136],{"class":1195},[294,4193,2135],{"class":315},[294,4195,1208],{"class":311},[294,4197,4198],{"class":296,"line":415},[294,4199,2159],{"class":311},[294,4201,4202],{"class":296,"line":423},[294,4203,366],{"emptyLinePlaceholder":365},[294,4205,4206,4209,4211,4214,4216,4219],{"class":296,"line":432},[294,4207,4208],{"class":1112},"withDefaults",[294,4210,1270],{"class":311},[294,4212,4213],{"class":1112},"defineProps",[294,4215,2078],{"class":311},[294,4217,4218],{"class":1112},"ButtonProps",[294,4220,4221],{"class":311},">(), {\n",[294,4223,4224,4227,4230],{"class":296,"line":440},[294,4225,4226],{"class":311},"  variant: ",[294,4228,4229],{"class":336},"'primary'",[294,4231,1243],{"class":311},[294,4233,4234,4237,4240],{"class":296,"line":451},[294,4235,4236],{"class":311},"  size: ",[294,4238,4239],{"class":336},"'md'",[294,4241,1243],{"class":311},[294,4243,4244,4247,4250],{"class":296,"line":459},[294,4245,4246],{"class":311},"  disabled: ",[294,4248,4249],{"class":315},"false",[294,4251,1243],{"class":311},[294,4253,4254,4257,4259],{"class":296,"line":467},[294,4255,4256],{"class":311},"  loading: ",[294,4258,4249],{"class":315},[294,4260,1243],{"class":311},[294,4262,4263],{"class":296,"line":475},[294,4264,1258],{"class":311},[294,4266,4267],{"class":296,"line":486},[294,4268,366],{"emptyLinePlaceholder":365},[294,4270,4271,4274],{"class":296,"line":494},[294,4272,4273],{"class":1112},"defineEmits",[294,4275,4276],{"class":311},"\u003C{\n",[294,4278,4279,4282,4284,4287,4290,4292,4295],{"class":296,"line":502},[294,4280,4281],{"class":1376},"  click",[294,4283,2092],{"class":1195},[294,4285,4286],{"class":311}," [",[294,4288,4289],{"class":1112},"event",[294,4291,312],{"class":311},[294,4293,4294],{"class":1112},"MouseEvent",[294,4296,4297],{"class":311},"];\n",[294,4299,4300],{"class":296,"line":513},[294,4301,4302],{"class":311},"}>();\n",[294,4304,4305,4308,4310],{"class":296,"line":521},[294,4306,4307],{"class":311},"\u003C/",[294,4309,4075],{"class":307},[294,4311,4090],{"class":311},[1162,4313,4314],{"type":322},[19,4315,4316],{},"We enforce a rule: no component may have more than 8 props. If you need more, you're building a page, not a component. Decompose further.",[14,4318,4320],{"id":4319},"the-hardest-part-governance-without-bureaucracy","The Hardest Part: Governance Without Bureaucracy",[19,4322,4323,4324,2092],{},"Design systems need governance to stay coherent, but too much process kills velocity. We landed on a model we call ",[23,4325,4326],{},"\"Propose, Prove, Promote\"",[79,4328,4330],{"id":4329},"propose","Propose",[19,4332,4333],{},"Any engineer or designer can propose a new component or pattern. They open an RFC (Request for Comments) — a lightweight document answering three questions:",[47,4335,4336,4339,4342],{},[50,4337,4338],{},"What problem does this solve?",[50,4340,4341],{},"Who else has this problem?",[50,4343,4344],{},"What alternatives did you consider?",[79,4346,4348],{"id":4347},"prove","Prove",[19,4350,4351],{},"The proposer builds a working prototype. Not a full production component — just enough to validate the approach. This runs for 2-4 weeks in a real product.",[79,4353,4355],{"id":4354},"promote","Promote",[19,4357,4358],{},"If the prototype proves valuable, it enters the design system backlog. A rotating \"Systems Guild\" of 4 engineers (one from each product area) reviews and builds the production version.",[31,4360,4361],{},[19,4362,4363],{},"Our contribution rate went from 2 components per quarter to 8 after introducing this model. More importantly, rejection rate dropped to near zero because components are battle-tested before they enter the system.",[14,4365,4367],{"id":4366},"measuring-success","Measuring Success",[19,4369,4370],{},"Adoption metrics tell you if teams are using the system. Quality metrics tell you if they should be.",[79,4372,4374],{"id":4373},"what-we-track","What We Track",[1711,4376,4377,4383,4389,4395,4401],{},[50,4378,4379,4382],{},[23,4380,4381],{},"Component coverage",": What percentage of UI elements in production come from the design system? (Target: >80%)",[50,4384,4385,4388],{},[23,4386,4387],{},"Time to first component",": How long does it take a new engineer to use their first design system component? (Target: \u003C1 hour)",[50,4390,4391,4394],{},[23,4392,4393],{},"Contribution velocity",": How many components are contributed per quarter?",[50,4396,4397,4400],{},[23,4398,4399],{},"Bug escape rate",": How many component bugs make it to production? (Target: \u003C2 per quarter)",[50,4402,4403,4406],{},[23,4404,4405],{},"Bundle impact",": Total JS/CSS added by design system components per page",[79,4408,4410],{"id":4409},"current-numbers","Current Numbers",[19,4412,4413],{},"After 18 months:",[1711,4415,4416,4422,4428,4434,4440],{},[50,4417,4418,4421],{},[23,4419,4420],{},"87%"," component coverage across all products",[50,4423,4424,4427],{},[23,4425,4426],{},"23 minutes"," average time to first component for new hires",[50,4429,4430,4433],{},[23,4431,4432],{},"8-10"," components contributed per quarter",[50,4435,4436,4439],{},[23,4437,4438],{},"1.2"," bugs escaped to production last quarter",[50,4441,4442,4445],{},[23,4443,4444],{},"34KB"," average bundle impact per page (gzipped)",[14,4447,4449],{"id":4448},"lessons-learned-the-hard-way","Lessons Learned the Hard Way",[79,4451,4453],{"id":4452},"_1-dont-abstract-too-early","1. Don't Abstract Too Early",[19,4455,4456,4457,4460,4461,1295,4464,4467,4468,4471],{},"We initially built a highly configurable ",[291,4458,4459],{},"DataTable"," component with 23 props. Nobody used it because it was harder to understand than writing a custom table. We replaced it with three focused components: ",[291,4462,4463],{},"SimpleTable",[291,4465,4466],{},"SortableTable",", and ",[291,4469,4470],{},"PaginatedTable",". Adoption tripled overnight.",[79,4473,4475],{"id":4474},"_2-documentation-must-include-why-not","2. Documentation Must Include \"Why Not\"",[19,4477,4478,4479,4482],{},"For every component, we document when ",[23,4480,4481],{},"not"," to use it. This builds trust. Teams know we're not trying to force everything through the design system.",[79,4484,4486],{"id":4485},"_3-invest-in-dev-tooling","3. Invest in Dev Tooling",[19,4488,4489],{},"Our Storybook instance has:",[1711,4491,4492,4495,4498,4501],{},[50,4493,4494],{},"Live Figma embeds next to every component",[50,4496,4497],{},"Accessibility audit results per story",[50,4499,4500],{},"Bundle size badges",[50,4502,4503],{},"Copy-paste-ready code snippets with real data",[19,4505,4506],{},"This investment paid for itself within the first month.",[79,4508,4510],{"id":4509},"_4-dark-mode-from-day-one","4. Dark Mode from Day One",[19,4512,4513],{},"Retrofitting dark mode into an existing design system is a nightmare. We learned this the hard way at a previous company. At CNEX, dark mode support was a day-one requirement for every component. It's enforced in our CI pipeline — if a component doesn't pass visual regression in both themes, it doesn't ship.",[1162,4515,4517],{"type":4516},"warning",[19,4518,4519],{},"If you're building a design system today and not supporting dark mode from the start, you're creating technical debt that will be extremely expensive to pay off later.",[14,4521,4523],{"id":4522},"whats-next-for-our-system","What's Next for Our System",[19,4525,4526],{},"We're currently working on three major initiatives:",[47,4528,4529,4535,4541],{},[50,4530,4531,4534],{},[23,4532,4533],{},"AI-assisted component generation"," — Using our design tokens and component patterns to generate new component variants automatically",[50,4536,4537,4540],{},[23,4538,4539],{},"Cross-platform tokens"," — Extending our token pipeline to iOS (SwiftUI) and Android (Compose)",[50,4542,4543,4546],{},[23,4544,4545],{},"Usage analytics dashboard"," — Real-time visibility into which components are used where, helping us prioritise maintenance",[19,4548,4549],{},"The design system is never \"done.\" It evolves with the products it serves, the teams that use it, and the platforms it targets. That's what makes it a living system rather than a static library.",[2357,4551],{},[19,4553,4554],{},[2180,4555,4556,4557,4560],{},"Building a design system for your organisation? ",[230,4558,4559],{"href":2366},"Let's talk about how we can help",".",[2370,4562,4563],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":289,"searchDepth":304,"depth":304,"links":4565},[4566,4567,4568,4572,4577,4581,4587],{"id":3636,"depth":304,"text":3637},{"id":3651,"depth":304,"text":3652},{"id":3695,"depth":304,"text":3696,"children":4569},[4570,4571],{"id":3699,"depth":319,"text":3700},{"id":4057,"depth":319,"text":4058},{"id":4319,"depth":304,"text":4320,"children":4573},[4574,4575,4576],{"id":4329,"depth":319,"text":4330},{"id":4347,"depth":319,"text":4348},{"id":4354,"depth":319,"text":4355},{"id":4366,"depth":304,"text":4367,"children":4578},[4579,4580],{"id":4373,"depth":319,"text":4374},{"id":4409,"depth":319,"text":4410},{"id":4448,"depth":304,"text":4449,"children":4582},[4583,4584,4585,4586],{"id":4452,"depth":319,"text":4453},{"id":4474,"depth":319,"text":4475},{"id":4485,"depth":319,"text":4486},{"id":4509,"depth":319,"text":4510},{"id":4522,"depth":304,"text":4523},"Design","2026-01-28","How we built a design system that serves 12 product teams across 3 time zones — and the hard-won lessons that made it work.",{},"/blog/building-design-systems-at-scale","12 min read",{"title":3628,"description":4590},"blog/building-design-systems-at-scale",[4597,4598,4599,4600],"Design Systems","Component Libraries","UI/UX","Engineering Culture","x0x8M4SRMbK6WI1srcxYUT2cstUZZ92c2jU4KBK8RuI",[4603,6393,7316],{"id":5,"title":6,"author":4604,"body":4605,"category":2406,"coverImage":2407,"date":2408,"description":2409,"extension":2410,"featured":2411,"meta":6390,"navigation":365,"path":2413,"readingTime":2414,"seo":6391,"stem":2416,"tags":6392,"__hash__":2421},{"name":8,"role":9},{"type":11,"value":4606,"toc":6357},[4607,4609,4613,4615,4619,4621,4623,4625,4639,4641,4643,4645,4647,4651,4655,4657,4661,4665,4667,4671,4675,4737,4739,4741,4743,4745,4749,4751,4753,4755,4759,4763,4765,4767,4769,4771,4773,4775,5387,5389,5391,5393,5439,5441,5447,5449,5451,5843,5845,5847,5849,5857,5863,5869,5871,5881,5883,5885,6041,6043,6057,6061,6063,6065,6067,6097,6101,6103,6105,6107,6109,6111,6119,6121,6123,6211,6213,6215,6219,6221,6225,6313,6315,6317,6319,6341,6343,6347,6349,6355],[14,4608,17],{"id":16},[19,4610,21,4611,26],{},[23,4612,25],{},[19,4614,29],{},[31,4616,4617],{},[19,4618,35],{},[14,4620,39],{"id":38},[19,4622,42],{},[19,4624,45],{},[47,4626,4627,4629,4631,4633,4635,4637],{},[50,4628,52],{},[50,4630,55],{},[50,4632,58],{},[50,4634,61],{},[50,4636,64],{},[50,4638,67],{},[19,4640,70],{},[14,4642,74],{"id":73},[19,4644,77],{},[79,4646,82],{"id":81},[19,4648,4649,88],{},[23,4650,87],{},[19,4652,4653,94],{},[23,4654,93],{},[79,4656,98],{"id":97},[19,4658,4659,103],{},[23,4660,87],{},[19,4662,4663,108],{},[23,4664,93],{},[79,4666,112],{"id":111},[19,4668,4669,117],{},[23,4670,87],{},[19,4672,4673,122],{},[23,4674,93],{},[124,4676,4677,4687],{},[127,4678,4679],{},[130,4680,4681,4683,4685],{},[133,4682,135],{},[133,4684,138],{},[133,4686,141],{},[143,4688,4689,4697,4705,4713,4721,4729],{},[130,4690,4691,4693,4695],{},[148,4692,150],{},[148,4694,153],{},[148,4696,156],{},[130,4698,4699,4701,4703],{},[148,4700,161],{},[148,4702,164],{},[148,4704,167],{},[130,4706,4707,4709,4711],{},[148,4708,172],{},[148,4710,175],{},[148,4712,178],{},[130,4714,4715,4717,4719],{},[148,4716,183],{},[148,4718,186],{},[148,4720,189],{},[130,4722,4723,4725,4727],{},[148,4724,194],{},[148,4726,197],{},[148,4728,200],{},[130,4730,4731,4733,4735],{},[148,4732,205],{},[148,4734,208],{},[148,4736,211],{},[14,4738,215],{"id":214},[19,4740,218],{},[79,4742,222],{"id":221},[19,4744,225],{},[19,4746,228,4747,234],{},[230,4748,233],{"href":232},[79,4750,238],{"id":237},[19,4752,241],{},[79,4754,245],{"id":244},[19,4756,248,4757,253],{},[230,4758,252],{"href":251},[19,4760,256,4761,261],{},[230,4762,260],{"href":259},[79,4764,265],{"id":264},[19,4766,268],{},[14,4768,272],{"id":271},[19,4770,275],{},[79,4772,279],{"id":278},[19,4774,282],{},[284,4776,4777],{"className":286,"code":287,"language":288,"meta":289,"style":289},[291,4778,4779,4783,4791,4797,4805,4813,4821,4825,4831,4837,4843,4851,4859,4865,4871,4877,4885,4891,4897,4903,4911,4917,4923,4931,4937,4943,4949,4957,4963,4971,4977,4983,4989,4997,5003,5011,5017,5023,5029,5037,5041,5047,5053,5059,5067,5073,5079,5085,5091,5097,5103,5109,5117,5123,5129,5135,5141,5147,5155,5163,5171,5177,5185,5193,5201,5207,5215,5223,5229,5237,5245,5249,5255,5263,5269,5275,5283,5291,5297,5305,5311,5317,5323,5329,5335,5343,5349,5357,5365,5371,5379],{"__ignoreMap":289},[294,4780,4781],{"class":296,"line":297},[294,4782,301],{"class":300},[294,4784,4785,4787,4789],{"class":296,"line":304},[294,4786,308],{"class":307},[294,4788,312],{"class":311},[294,4790,316],{"class":315},[294,4792,4793,4795],{"class":296,"line":319},[294,4794,322],{"class":307},[294,4796,325],{"class":311},[294,4798,4799,4801,4803],{"class":296,"line":328},[294,4800,331],{"class":307},[294,4802,312],{"class":311},[294,4804,337],{"class":336},[294,4806,4807,4809,4811],{"class":296,"line":340},[294,4808,343],{"class":307},[294,4810,312],{"class":311},[294,4812,348],{"class":315},[294,4814,4815,4817,4819],{"class":296,"line":351},[294,4816,354],{"class":307},[294,4818,312],{"class":311},[294,4820,359],{"class":336},[294,4822,4823],{"class":296,"line":362},[294,4824,366],{"emptyLinePlaceholder":365},[294,4826,4827,4829],{"class":296,"line":369},[294,4828,372],{"class":307},[294,4830,325],{"class":311},[294,4832,4833,4835],{"class":296,"line":377},[294,4834,380],{"class":307},[294,4836,325],{"class":311},[294,4838,4839,4841],{"class":296,"line":385},[294,4840,388],{"class":307},[294,4842,325],{"class":311},[294,4844,4845,4847,4849],{"class":296,"line":393},[294,4846,396],{"class":307},[294,4848,312],{"class":311},[294,4850,401],{"class":336},[294,4852,4853,4855,4857],{"class":296,"line":404},[294,4854,407],{"class":307},[294,4856,312],{"class":311},[294,4858,412],{"class":336},[294,4860,4861,4863],{"class":296,"line":415},[294,4862,418],{"class":307},[294,4864,325],{"class":311},[294,4866,4867,4869],{"class":296,"line":423},[294,4868,426],{"class":311},[294,4870,429],{"class":336},[294,4872,4873,4875],{"class":296,"line":432},[294,4874,435],{"class":307},[294,4876,325],{"class":311},[294,4878,4879,4881,4883],{"class":296,"line":440},[294,4880,443],{"class":307},[294,4882,312],{"class":311},[294,4884,448],{"class":315},[294,4886,4887,4889],{"class":296,"line":451},[294,4888,454],{"class":307},[294,4890,325],{"class":311},[294,4892,4893,4895],{"class":296,"line":459},[294,4894,462],{"class":307},[294,4896,325],{"class":311},[294,4898,4899,4901],{"class":296,"line":467},[294,4900,470],{"class":307},[294,4902,325],{"class":311},[294,4904,4905,4907,4909],{"class":296,"line":475},[294,4906,478],{"class":307},[294,4908,312],{"class":311},[294,4910,483],{"class":336},[294,4912,4913,4915],{"class":296,"line":486},[294,4914,489],{"class":307},[294,4916,325],{"class":311},[294,4918,4919,4921],{"class":296,"line":494},[294,4920,497],{"class":336},[294,4922,325],{"class":311},[294,4924,4925,4927,4929],{"class":296,"line":502},[294,4926,505],{"class":307},[294,4928,312],{"class":311},[294,4930,510],{"class":336},[294,4932,4933,4935],{"class":296,"line":513},[294,4934,516],{"class":307},[294,4936,325],{"class":311},[294,4938,4939,4941],{"class":296,"line":521},[294,4940,524],{"class":307},[294,4942,325],{"class":311},[294,4944,4945,4947],{"class":296,"line":529},[294,4946,532],{"class":307},[294,4948,325],{"class":311},[294,4950,4951,4953,4955],{"class":296,"line":537},[294,4952,540],{"class":307},[294,4954,312],{"class":311},[294,4956,545],{"class":336},[294,4958,4959,4961],{"class":296,"line":548},[294,4960,551],{"class":336},[294,4962,325],{"class":311},[294,4964,4965,4967,4969],{"class":296,"line":556},[294,4966,505],{"class":307},[294,4968,312],{"class":311},[294,4970,563],{"class":336},[294,4972,4973,4975],{"class":296,"line":566},[294,4974,516],{"class":307},[294,4976,325],{"class":311},[294,4978,4979,4981],{"class":296,"line":573},[294,4980,524],{"class":307},[294,4982,325],{"class":311},[294,4984,4985,4987],{"class":296,"line":580},[294,4986,532],{"class":307},[294,4988,325],{"class":311},[294,4990,4991,4993,4995],{"class":296,"line":587},[294,4992,540],{"class":307},[294,4994,312],{"class":311},[294,4996,594],{"class":336},[294,4998,4999,5001],{"class":296,"line":597},[294,5000,600],{"class":336},[294,5002,325],{"class":311},[294,5004,5005,5007,5009],{"class":296,"line":605},[294,5006,505],{"class":307},[294,5008,312],{"class":311},[294,5010,612],{"class":336},[294,5012,5013,5015],{"class":296,"line":615},[294,5014,516],{"class":307},[294,5016,325],{"class":311},[294,5018,5019,5021],{"class":296,"line":622},[294,5020,524],{"class":307},[294,5022,325],{"class":311},[294,5024,5025,5027],{"class":296,"line":629},[294,5026,532],{"class":307},[294,5028,325],{"class":311},[294,5030,5031,5033,5035],{"class":296,"line":636},[294,5032,540],{"class":307},[294,5034,312],{"class":311},[294,5036,643],{"class":336},[294,5038,5039],{"class":296,"line":646},[294,5040,366],{"emptyLinePlaceholder":365},[294,5042,5043,5045],{"class":296,"line":651},[294,5044,654],{"class":307},[294,5046,325],{"class":311},[294,5048,5049,5051],{"class":296,"line":659},[294,5050,662],{"class":307},[294,5052,325],{"class":311},[294,5054,5055,5057],{"class":296,"line":667},[294,5056,670],{"class":307},[294,5058,325],{"class":311},[294,5060,5061,5063,5065],{"class":296,"line":675},[294,5062,678],{"class":307},[294,5064,312],{"class":311},[294,5066,683],{"class":336},[294,5068,5069,5071],{"class":296,"line":686},[294,5070,689],{"class":307},[294,5072,325],{"class":311},[294,5074,5075,5077],{"class":296,"line":694},[294,5076,426],{"class":311},[294,5078,699],{"class":336},[294,5080,5081,5083],{"class":296,"line":702},[294,5082,426],{"class":311},[294,5084,707],{"class":336},[294,5086,5087,5089],{"class":296,"line":710},[294,5088,426],{"class":311},[294,5090,715],{"class":336},[294,5092,5093,5095],{"class":296,"line":718},[294,5094,426],{"class":311},[294,5096,723],{"class":336},[294,5098,5099,5101],{"class":296,"line":726},[294,5100,729],{"class":307},[294,5102,325],{"class":311},[294,5104,5105,5107],{"class":296,"line":734},[294,5106,737],{"class":307},[294,5108,325],{"class":311},[294,5110,5111,5113,5115],{"class":296,"line":742},[294,5112,745],{"class":307},[294,5114,312],{"class":311},[294,5116,750],{"class":336},[294,5118,5119,5121],{"class":296,"line":753},[294,5120,756],{"class":307},[294,5122,325],{"class":311},[294,5124,5125,5127],{"class":296,"line":761},[294,5126,764],{"class":311},[294,5128,767],{"class":336},[294,5130,5131,5133],{"class":296,"line":770},[294,5132,764],{"class":311},[294,5134,775],{"class":336},[294,5136,5137,5139],{"class":296,"line":778},[294,5138,764],{"class":311},[294,5140,783],{"class":336},[294,5142,5143,5145],{"class":296,"line":786},[294,5144,789],{"class":307},[294,5146,325],{"class":311},[294,5148,5149,5151,5153],{"class":296,"line":794},[294,5150,745],{"class":307},[294,5152,312],{"class":311},[294,5154,750],{"class":336},[294,5156,5157,5159,5161],{"class":296,"line":803},[294,5158,806],{"class":307},[294,5160,312],{"class":311},[294,5162,811],{"class":336},[294,5164,5165,5167,5169],{"class":296,"line":814},[294,5166,505],{"class":307},[294,5168,312],{"class":311},[294,5170,821],{"class":336},[294,5172,5173,5175],{"class":296,"line":824},[294,5174,827],{"class":307},[294,5176,325],{"class":311},[294,5178,5179,5181,5183],{"class":296,"line":832},[294,5180,745],{"class":307},[294,5182,312],{"class":311},[294,5184,750],{"class":336},[294,5186,5187,5189,5191],{"class":296,"line":841},[294,5188,844],{"class":307},[294,5190,312],{"class":311},[294,5192,849],{"class":315},[294,5194,5195,5197,5199],{"class":296,"line":852},[294,5196,855],{"class":307},[294,5198,312],{"class":311},[294,5200,860],{"class":315},[294,5202,5203,5205],{"class":296,"line":863},[294,5204,866],{"class":307},[294,5206,325],{"class":311},[294,5208,5209,5211,5213],{"class":296,"line":871},[294,5210,745],{"class":307},[294,5212,312],{"class":311},[294,5214,750],{"class":336},[294,5216,5217,5219,5221],{"class":296,"line":880},[294,5218,806],{"class":307},[294,5220,312],{"class":311},[294,5222,887],{"class":336},[294,5224,5225,5227],{"class":296,"line":890},[294,5226,893],{"class":307},[294,5228,325],{"class":311},[294,5230,5231,5233,5235],{"class":296,"line":898},[294,5232,745],{"class":307},[294,5234,312],{"class":311},[294,5236,750],{"class":336},[294,5238,5239,5241,5243],{"class":296,"line":907},[294,5240,855],{"class":307},[294,5242,312],{"class":311},[294,5244,914],{"class":315},[294,5246,5247],{"class":296,"line":917},[294,5248,366],{"emptyLinePlaceholder":365},[294,5250,5251,5253],{"class":296,"line":922},[294,5252,925],{"class":307},[294,5254,325],{"class":311},[294,5256,5257,5259,5261],{"class":296,"line":930},[294,5258,678],{"class":307},[294,5260,312],{"class":311},[294,5262,683],{"class":336},[294,5264,5265,5267],{"class":296,"line":939},[294,5266,729],{"class":307},[294,5268,325],{"class":311},[294,5270,5271,5273],{"class":296,"line":946},[294,5272,949],{"class":307},[294,5274,325],{"class":311},[294,5276,5277,5279,5281],{"class":296,"line":954},[294,5278,745],{"class":307},[294,5280,312],{"class":311},[294,5282,750],{"class":336},[294,5284,5285,5287,5289],{"class":296,"line":963},[294,5286,806],{"class":307},[294,5288,312],{"class":311},[294,5290,970],{"class":336},[294,5292,5293,5295],{"class":296,"line":973},[294,5294,976],{"class":307},[294,5296,325],{"class":311},[294,5298,5299,5301,5303],{"class":296,"line":981},[294,5300,745],{"class":307},[294,5302,312],{"class":311},[294,5304,750],{"class":336},[294,5306,5307,5309],{"class":296,"line":990},[294,5308,756],{"class":307},[294,5310,325],{"class":311},[294,5312,5313,5315],{"class":296,"line":997},[294,5314,764],{"class":311},[294,5316,1002],{"class":336},[294,5318,5319,5321],{"class":296,"line":1005},[294,5320,764],{"class":311},[294,5322,1010],{"class":336},[294,5324,5325,5327],{"class":296,"line":1013},[294,5326,764],{"class":311},[294,5328,1018],{"class":336},[294,5330,5331,5333],{"class":296,"line":1021},[294,5332,737],{"class":307},[294,5334,325],{"class":311},[294,5336,5337,5339,5341],{"class":296,"line":1028},[294,5338,745],{"class":307},[294,5340,312],{"class":311},[294,5342,750],{"class":336},[294,5344,5345,5347],{"class":296,"line":1037},[294,5346,789],{"class":307},[294,5348,325],{"class":311},[294,5350,5351,5353,5355],{"class":296,"line":1044},[294,5352,745],{"class":307},[294,5354,312],{"class":311},[294,5356,750],{"class":336},[294,5358,5359,5361,5363],{"class":296,"line":1053},[294,5360,806],{"class":307},[294,5362,312],{"class":311},[294,5364,811],{"class":336},[294,5366,5367,5369],{"class":296,"line":1062},[294,5368,1065],{"class":307},[294,5370,325],{"class":311},[294,5372,5373,5375,5377],{"class":296,"line":1070},[294,5374,745],{"class":307},[294,5376,312],{"class":311},[294,5378,750],{"class":336},[294,5380,5381,5383,5385],{"class":296,"line":1079},[294,5382,806],{"class":307},[294,5384,312],{"class":311},[294,5386,811],{"class":336},[19,5388,1088],{},[79,5390,1092],{"id":1091},[19,5392,1095],{},[284,5394,5395],{"className":1098,"code":1099,"language":1100,"meta":289,"style":289},[291,5396,5397,5401,5415,5419,5423,5427],{"__ignoreMap":289},[294,5398,5399],{"class":296,"line":297},[294,5400,1107],{"class":300},[294,5402,5403,5405,5407,5409,5411,5413],{"class":296,"line":304},[294,5404,1113],{"class":1112},[294,5406,1116],{"class":336},[294,5408,1119],{"class":336},[294,5410,1122],{"class":336},[294,5412,1125],{"class":315},[294,5414,1128],{"class":315},[294,5416,5417],{"class":296,"line":319},[294,5418,366],{"emptyLinePlaceholder":365},[294,5420,5421],{"class":296,"line":328},[294,5422,1137],{"class":300},[294,5424,5425],{"class":296,"line":340},[294,5426,1142],{"class":300},[294,5428,5429,5431,5433,5435,5437],{"class":296,"line":351},[294,5430,1113],{"class":1112},[294,5432,1149],{"class":336},[294,5434,1122],{"class":336},[294,5436,1154],{"class":315},[294,5438,1157],{"class":336},[19,5440,1160],{},[1162,5442,5443],{"type":1164},[19,5444,1167,5445,1171],{},[291,5446,1170],{},[79,5448,1175],{"id":1174},[19,5450,1178],{},[284,5452,5453],{"className":1181,"code":1182,"language":1183,"meta":289,"style":289},[291,5454,5455,5459,5471,5475,5489,5497,5505,5509,5513,5527,5545,5551,5559,5571,5583,5607,5611,5627,5635,5643,5651,5659,5667,5671,5675,5695,5703,5715,5723,5731,5739,5743,5747,5767,5781,5789,5797,5805,5813,5817,5831,5835,5839],{"__ignoreMap":289},[294,5456,5457],{"class":296,"line":297},[294,5458,1190],{"class":300},[294,5460,5461,5463,5465,5467,5469],{"class":296,"line":304},[294,5462,1196],{"class":1195},[294,5464,1199],{"class":311},[294,5466,1202],{"class":1195},[294,5468,1205],{"class":336},[294,5470,1208],{"class":311},[294,5472,5473],{"class":296,"line":319},[294,5474,366],{"emptyLinePlaceholder":365},[294,5476,5477,5479,5481,5483,5485,5487],{"class":296,"line":328},[294,5478,1217],{"class":1195},[294,5480,1220],{"class":315},[294,5482,1223],{"class":1195},[294,5484,1226],{"class":1195},[294,5486,1229],{"class":1112},[294,5488,1232],{"class":311},[294,5490,5491,5493,5495],{"class":296,"line":340},[294,5492,1237],{"class":311},[294,5494,1240],{"class":336},[294,5496,1243],{"class":311},[294,5498,5499,5501,5503],{"class":296,"line":351},[294,5500,1248],{"class":311},[294,5502,1251],{"class":336},[294,5504,1243],{"class":311},[294,5506,5507],{"class":296,"line":362},[294,5508,1258],{"class":311},[294,5510,5511],{"class":296,"line":369},[294,5512,366],{"emptyLinePlaceholder":365},[294,5514,5515,5517,5519,5521,5523,5525],{"class":296,"line":377},[294,5516,1267],{"class":1112},[294,5518,1270],{"class":311},[294,5520,1273],{"class":336},[294,5522,1276],{"class":311},[294,5524,1279],{"class":1195},[294,5526,1282],{"class":311},[294,5528,5529,5531,5533,5535,5537,5539,5541,5543],{"class":296,"line":385},[294,5530,1287],{"class":1112},[294,5532,1270],{"class":311},[294,5534,1292],{"class":336},[294,5536,1295],{"class":311},[294,5538,1298],{"class":1195},[294,5540,1301],{"class":311},[294,5542,1279],{"class":1195},[294,5544,1282],{"class":311},[294,5546,5547,5549],{"class":296,"line":393},[294,5548,1310],{"class":1195},[294,5550,1313],{"class":311},[294,5552,5553,5555,5557],{"class":296,"line":404},[294,5554,1318],{"class":311},[294,5556,1321],{"class":1112},[294,5558,1324],{"class":311},[294,5560,5561,5563,5565,5567,5569],{"class":296,"line":415},[294,5562,1318],{"class":311},[294,5564,1331],{"class":1112},[294,5566,1270],{"class":311},[294,5568,1336],{"class":336},[294,5570,1339],{"class":311},[294,5572,5573,5575,5577,5579,5581],{"class":296,"line":423},[294,5574,1318],{"class":311},[294,5576,1346],{"class":1112},[294,5578,1270],{"class":311},[294,5580,1351],{"class":336},[294,5582,1339],{"class":311},[294,5584,5585,5587,5589,5591,5593,5595,5597,5599,5601,5603,5605],{"class":296,"line":432},[294,5586,1318],{"class":311},[294,5588,1360],{"class":1112},[294,5590,1270],{"class":311},[294,5592,1365],{"class":336},[294,5594,1295],{"class":311},[294,5596,1370],{"class":336},[294,5598,1373],{"class":311},[294,5600,1377],{"class":1376},[294,5602,1380],{"class":311},[294,5604,1279],{"class":1195},[294,5606,1282],{"class":311},[294,5608,5609],{"class":296,"line":440},[294,5610,1389],{"class":311},[294,5612,5613,5615,5617,5619,5621,5623,5625],{"class":296,"line":451},[294,5614,1394],{"class":311},[294,5616,1397],{"class":1112},[294,5618,1400],{"class":311},[294,5620,1403],{"class":336},[294,5622,312],{"class":311},[294,5624,1408],{"class":336},[294,5626,1411],{"class":311},[294,5628,5629,5631,5633],{"class":296,"line":459},[294,5630,1394],{"class":311},[294,5632,1418],{"class":1112},[294,5634,1232],{"class":311},[294,5636,5637,5639,5641],{"class":296,"line":467},[294,5638,1425],{"class":311},[294,5640,1428],{"class":336},[294,5642,1243],{"class":311},[294,5644,5645,5647,5649],{"class":296,"line":475},[294,5646,1435],{"class":311},[294,5648,1438],{"class":336},[294,5650,1243],{"class":311},[294,5652,5653,5655,5657],{"class":296,"line":486},[294,5654,1445],{"class":311},[294,5656,1448],{"class":336},[294,5658,1243],{"class":311},[294,5660,5661,5663,5665],{"class":296,"line":494},[294,5662,1455],{"class":311},[294,5664,1458],{"class":336},[294,5666,1243],{"class":311},[294,5668,5669],{"class":296,"line":502},[294,5670,1465],{"class":311},[294,5672,5673],{"class":296,"line":513},[294,5674,1470],{"class":311},[294,5676,5677,5679,5681,5683,5685,5687,5689,5691,5693],{"class":296,"line":521},[294,5678,1318],{"class":311},[294,5680,1477],{"class":1112},[294,5682,1270],{"class":311},[294,5684,1482],{"class":315},[294,5686,1373],{"class":311},[294,5688,1377],{"class":1376},[294,5690,1380],{"class":311},[294,5692,1279],{"class":1195},[294,5694,1282],{"class":311},[294,5696,5697,5699,5701],{"class":296,"line":529},[294,5698,1497],{"class":311},[294,5700,1418],{"class":1112},[294,5702,1232],{"class":311},[294,5704,5705,5707,5709,5711,5713],{"class":296,"line":537},[294,5706,1506],{"class":311},[294,5708,1509],{"class":1112},[294,5710,1270],{"class":311},[294,5712,1514],{"class":336},[294,5714,1517],{"class":311},[294,5716,5717,5719,5721],{"class":296,"line":548},[294,5718,1522],{"class":311},[294,5720,1525],{"class":336},[294,5722,1243],{"class":311},[294,5724,5725,5727,5729],{"class":296,"line":556},[294,5726,1532],{"class":311},[294,5728,1428],{"class":336},[294,5730,1243],{"class":311},[294,5732,5733,5735,5737],{"class":296,"line":566},[294,5734,1541],{"class":311},[294,5736,1438],{"class":336},[294,5738,1243],{"class":311},[294,5740,5741],{"class":296,"line":573},[294,5742,1550],{"class":311},[294,5744,5745],{"class":296,"line":580},[294,5746,1470],{"class":311},[294,5748,5749,5751,5753,5755,5757,5759,5761,5763,5765],{"class":296,"line":587},[294,5750,1318],{"class":311},[294,5752,1561],{"class":1112},[294,5754,1270],{"class":311},[294,5756,1298],{"class":1195},[294,5758,1568],{"class":311},[294,5760,1571],{"class":1376},[294,5762,1380],{"class":311},[294,5764,1279],{"class":1195},[294,5766,1282],{"class":311},[294,5768,5769,5771,5773,5775,5777,5779],{"class":296,"line":597},[294,5770,1582],{"class":1195},[294,5772,1585],{"class":315},[294,5774,1223],{"class":1195},[294,5776,1590],{"class":1195},[294,5778,1593],{"class":1112},[294,5780,1596],{"class":311},[294,5782,5783,5785,5787],{"class":296,"line":605},[294,5784,1532],{"class":311},[294,5786,1428],{"class":336},[294,5788,1243],{"class":311},[294,5790,5791,5793,5795],{"class":296,"line":615},[294,5792,1541],{"class":311},[294,5794,1438],{"class":336},[294,5796,1243],{"class":311},[294,5798,5799,5801,5803],{"class":296,"line":622},[294,5800,1617],{"class":311},[294,5802,1448],{"class":336},[294,5804,1243],{"class":311},[294,5806,5807,5809,5811],{"class":296,"line":629},[294,5808,1626],{"class":311},[294,5810,1458],{"class":336},[294,5812,1243],{"class":311},[294,5814,5815],{"class":296,"line":636},[294,5816,1550],{"class":311},[294,5818,5819,5821,5823,5825,5827,5829],{"class":296,"line":646},[294,5820,1639],{"class":1112},[294,5822,1642],{"class":311},[294,5824,1645],{"class":1112},[294,5826,1270],{"class":311},[294,5828,1525],{"class":336},[294,5830,1652],{"class":311},[294,5832,5833],{"class":296,"line":651},[294,5834,1657],{"class":311},[294,5836,5837],{"class":296,"line":659},[294,5838,1662],{"class":311},[294,5840,5841],{"class":296,"line":667},[294,5842,1258],{"class":311},[19,5844,1669],{},[79,5846,1673],{"id":1672},[19,5848,1676],{},[19,5850,5851,1568,5853,1295,5855,1688],{},[23,5852,1681],{},[291,5854,1684],{},[291,5856,1687],{},[19,5858,5859,1568,5861,1697],{},[23,5860,1693],{},[291,5862,1696],{},[19,5864,5865,1568,5867,1706],{},[23,5866,1702],{},[291,5868,1705],{},[19,5870,1709],{},[1711,5872,5873,5875,5877,5879],{},[50,5874,1715],{},[50,5876,1718],{},[50,5878,1721],{},[50,5880,1724],{},[79,5882,1728],{"id":1727},[19,5884,1731],{},[284,5886,5887],{"className":1181,"code":1734,"language":1183,"meta":289,"style":289},[291,5888,5889,5893,5905,5909,5921,5935,5945,5967,5985,6001,6009,6017,6029,6033,6037],{"__ignoreMap":289},[294,5890,5891],{"class":296,"line":297},[294,5892,1741],{"class":300},[294,5894,5895,5897,5899,5901,5903],{"class":296,"line":304},[294,5896,1196],{"class":1195},[294,5898,1748],{"class":311},[294,5900,1202],{"class":1195},[294,5902,1753],{"class":336},[294,5904,1208],{"class":311},[294,5906,5907],{"class":296,"line":319},[294,5908,366],{"emptyLinePlaceholder":365},[294,5910,5911,5913,5915,5917,5919],{"class":296,"line":328},[294,5912,1217],{"class":1195},[294,5914,1766],{"class":315},[294,5916,1223],{"class":1195},[294,5918,1771],{"class":1112},[294,5920,1232],{"class":311},[294,5922,5923,5925,5927,5929,5931,5933],{"class":296,"line":340},[294,5924,1778],{"class":311},[294,5926,1781],{"class":315},[294,5928,1784],{"class":1195},[294,5930,1787],{"class":315},[294,5932,1295],{"class":311},[294,5934,1792],{"class":300},[294,5936,5937,5939,5941,5943],{"class":296,"line":351},[294,5938,1797],{"class":311},[294,5940,1800],{"class":315},[294,5942,1803],{"class":311},[294,5944,1806],{"class":300},[294,5946,5947,5949,5951,5953,5955,5957,5959,5961,5963,5965],{"class":296,"line":362},[294,5948,1811],{"class":1112},[294,5950,1814],{"class":311},[294,5952,1817],{"class":1376},[294,5954,1380],{"class":311},[294,5956,1279],{"class":1195},[294,5958,1824],{"class":311},[294,5960,1827],{"class":336},[294,5962,1830],{"class":311},[294,5964,1833],{"class":1195},[294,5966,1836],{"class":311},[294,5968,5969,5971,5973,5975,5977,5979,5981,5983],{"class":296,"line":369},[294,5970,1841],{"class":1112},[294,5972,1814],{"class":311},[294,5974,1817],{"class":1376},[294,5976,1295],{"class":311},[294,5978,1850],{"class":1376},[294,5980,1380],{"class":311},[294,5982,1279],{"class":1195},[294,5984,1282],{"class":311},[294,5986,5987,5989,5991,5993,5995,5997,5999],{"class":296,"line":377},[294,5988,1861],{"class":311},[294,5990,1864],{"class":1112},[294,5992,1270],{"class":311},[294,5994,1869],{"class":315},[294,5996,1872],{"class":311},[294,5998,1875],{"class":1112},[294,6000,1232],{"class":311},[294,6002,6003,6005,6007],{"class":296,"line":385},[294,6004,1882],{"class":311},[294,6006,1885],{"class":336},[294,6008,1243],{"class":311},[294,6010,6011,6013,6015],{"class":296,"line":393},[294,6012,1892],{"class":311},[294,6014,1895],{"class":336},[294,6016,1243],{"class":311},[294,6018,6019,6021,6023,6025,6027],{"class":296,"line":404},[294,6020,1902],{"class":311},[294,6022,1905],{"class":1112},[294,6024,1270],{"class":311},[294,6026,1910],{"class":336},[294,6028,1517],{"class":311},[294,6030,6031],{"class":296,"line":415},[294,6032,1917],{"class":311},[294,6034,6035],{"class":296,"line":423},[294,6036,1922],{"class":311},[294,6038,6039],{"class":296,"line":432},[294,6040,1258],{"class":311},[19,6042,1929],{},[1711,6044,6045,6049,6053],{},[50,6046,6047,1937],{},[23,6048,1936],{},[50,6050,6051,1943],{},[23,6052,1942],{},[50,6054,6055,1949],{},[23,6056,1948],{},[1162,6058,6059],{"type":322},[19,6060,1954],{},[14,6062,1958],{"id":1957},[19,6064,1961],{},[79,6066,1965],{"id":1964},[1711,6068,6069,6073,6077,6081,6085,6089,6093],{},[50,6070,6071,1973],{},[23,6072,1972],{},[50,6074,6075,1979],{},[23,6076,1978],{},[50,6078,6079,1985],{},[23,6080,1984],{},[50,6082,6083,1991],{},[23,6084,1990],{},[50,6086,6087,1997],{},[23,6088,1996],{},[50,6090,6091,2003],{},[23,6092,2002],{},[50,6094,6095,2009],{},[23,6096,2008],{},[19,6098,2012,6099,2017],{},[230,6100,2016],{"href":2015},[14,6102,2021],{"id":2020},[19,6104,2024],{},[79,6106,2028],{"id":2027},[19,6108,2031],{},[79,6110,2035],{"id":2034},[19,6112,2038,6113,2042,6115,2046,6117,2050],{},[291,6114,2041],{},[291,6116,2045],{},[291,6118,2049],{},[79,6120,2054],{"id":2053},[19,6122,2057],{},[284,6124,6125],{"className":1181,"code":2060,"language":1183,"meta":289,"style":289},[291,6126,6127,6131,6143,6153,6161,6175,6185,6195,6199,6203,6207],{"__ignoreMap":289},[294,6128,6129],{"class":296,"line":297},[294,6130,2067],{"class":300},[294,6132,6133,6135,6137,6139,6141],{"class":296,"line":304},[294,6134,2072],{"class":1195},[294,6136,2075],{"class":1112},[294,6138,2078],{"class":311},[294,6140,2081],{"class":1112},[294,6142,2084],{"class":311},[294,6144,6145,6147,6149,6151],{"class":296,"line":319},[294,6146,2089],{"class":1376},[294,6148,2092],{"class":1195},[294,6150,2095],{"class":1112},[294,6152,2098],{"class":311},[294,6154,6155,6157,6159],{"class":296,"line":328},[294,6156,2103],{"class":1376},[294,6158,2092],{"class":1195},[294,6160,1282],{"class":311},[294,6162,6163,6165,6167,6169,6171,6173],{"class":296,"line":340},[294,6164,2112],{"class":1376},[294,6166,2092],{"class":1195},[294,6168,2117],{"class":315},[294,6170,2120],{"class":1195},[294,6172,2123],{"class":315},[294,6174,1208],{"class":311},[294,6176,6177,6179,6181,6183],{"class":296,"line":351},[294,6178,2130],{"class":1376},[294,6180,2092],{"class":1195},[294,6182,2135],{"class":315},[294,6184,1208],{"class":311},[294,6186,6187,6189,6191,6193],{"class":296,"line":362},[294,6188,2142],{"class":1376},[294,6190,2092],{"class":1195},[294,6192,2147],{"class":315},[294,6194,1208],{"class":311},[294,6196,6197],{"class":296,"line":369},[294,6198,2154],{"class":311},[294,6200,6201],{"class":296,"line":377},[294,6202,2159],{"class":311},[294,6204,6205],{"class":296,"line":385},[294,6206,366],{"emptyLinePlaceholder":365},[294,6208,6209],{"class":296,"line":393},[294,6210,2168],{"class":300},[19,6212,2171],{},[79,6214,2175],{"id":2174},[19,6216,2178,6217,2183],{},[2180,6218,2182],{},[79,6220,2187],{"id":2186},[19,6222,2190,6223,2194],{},[291,6224,2193],{},[284,6226,6227],{"className":2197,"code":2198,"language":1875,"meta":289,"style":289},[291,6228,6229,6233,6239,6249,6259,6265,6275,6281,6287,6293,6297,6301,6305,6309],{"__ignoreMap":289},[294,6230,6231],{"class":296,"line":297},[294,6232,2205],{"class":311},[294,6234,6235,6237],{"class":296,"line":304},[294,6236,2210],{"class":315},[294,6238,2213],{"class":311},[294,6240,6241,6243,6245,6247],{"class":296,"line":319},[294,6242,2218],{"class":315},[294,6244,312],{"class":311},[294,6246,2223],{"class":336},[294,6248,1243],{"class":311},[294,6250,6251,6253,6255,6257],{"class":296,"line":328},[294,6252,2230],{"class":315},[294,6254,312],{"class":311},[294,6256,2235],{"class":336},[294,6258,1243],{"class":311},[294,6260,6261,6263],{"class":296,"line":340},[294,6262,2242],{"class":315},[294,6264,2213],{"class":311},[294,6266,6267,6269,6271,6273],{"class":296,"line":351},[294,6268,2249],{"class":315},[294,6270,312],{"class":311},[294,6272,2254],{"class":336},[294,6274,1243],{"class":311},[294,6276,6277,6279],{"class":296,"line":362},[294,6278,2261],{"class":315},[294,6280,2264],{"class":311},[294,6282,6283,6285],{"class":296,"line":369},[294,6284,2269],{"class":336},[294,6286,1243],{"class":311},[294,6288,6289,6291],{"class":296,"line":377},[294,6290,2276],{"class":336},[294,6292,1243],{"class":311},[294,6294,6295],{"class":296,"line":385},[294,6296,2283],{"class":336},[294,6298,6299],{"class":296,"line":393},[294,6300,2288],{"class":311},[294,6302,6303],{"class":296,"line":404},[294,6304,2293],{"class":311},[294,6306,6307],{"class":296,"line":415},[294,6308,2298],{"class":311},[294,6310,6311],{"class":296,"line":423},[294,6312,2159],{"class":311},[19,6314,2305],{},[14,6316,2309],{"id":2308},[19,6318,2312],{},[47,6320,6321,6325,6329,6333,6337],{},[50,6322,6323,2320],{},[23,6324,2319],{},[50,6326,6327,2326],{},[23,6328,2325],{},[50,6330,6331,2332],{},[23,6332,2331],{},[50,6334,6335,2338],{},[23,6336,2337],{},[50,6338,6339,2344],{},[23,6340,2343],{},[19,6342,2347],{},[19,6344,2350,6345,2355],{},[230,6346,2354],{"href":2353},[2357,6348],{},[19,6350,6351],{},[2180,6352,2363,6353,2368],{},[230,6354,2367],{"href":2366},[2370,6356,2372],{},{"title":289,"searchDepth":304,"depth":304,"links":6358},[6359,6360,6361,6366,6372,6379,6382,6389],{"id":16,"depth":304,"text":17},{"id":38,"depth":304,"text":39},{"id":73,"depth":304,"text":74,"children":6362},[6363,6364,6365],{"id":81,"depth":319,"text":82},{"id":97,"depth":319,"text":98},{"id":111,"depth":319,"text":112},{"id":214,"depth":304,"text":215,"children":6367},[6368,6369,6370,6371],{"id":221,"depth":319,"text":222},{"id":237,"depth":319,"text":238},{"id":244,"depth":319,"text":245},{"id":264,"depth":319,"text":265},{"id":271,"depth":304,"text":272,"children":6373},[6374,6375,6376,6377,6378],{"id":278,"depth":319,"text":279},{"id":1091,"depth":319,"text":1092},{"id":1174,"depth":319,"text":1175},{"id":1672,"depth":319,"text":1673},{"id":1727,"depth":319,"text":1728},{"id":1957,"depth":304,"text":1958,"children":6380},[6381],{"id":1964,"depth":319,"text":1965},{"id":2020,"depth":304,"text":2021,"children":6383},[6384,6385,6386,6387,6388],{"id":2027,"depth":319,"text":2028},{"id":2034,"depth":319,"text":2035},{"id":2053,"depth":319,"text":2054},{"id":2174,"depth":319,"text":2175},{"id":2186,"depth":319,"text":2187},{"id":2308,"depth":304,"text":2309},{},{"title":6,"description":2409},[2418,141,2419,2420],{"id":2423,"title":2424,"author":6394,"body":6395,"category":3613,"coverImage":2407,"date":3614,"description":3615,"extension":2410,"featured":365,"meta":7313,"navigation":365,"path":3617,"readingTime":3618,"seo":7314,"stem":3620,"tags":7315,"__hash__":3625},{"name":2426,"role":2427},{"type":11,"value":6396,"toc":7287},[6397,6399,6403,6405,6409,6411,6413,6415,6417,6419,6421,6423,6425,6427,6429,6431,6433,6451,6719,6723,6725,6727,6729,6731,6733,6735,6737,7005,7007,7009,7011,7061,7063,7067,7069,7071,7073,7075,7077,7081,7083,7085,7087,7089,7107,7109,7111,7113,7127,7129,7131,7133,7135,7145,7147,7149,7151,7173,7175,7177,7179,7241,7245,7251,7253,7255,7275,7277,7279,7285],[14,6398,2433],{"id":2432},[19,6400,2436,6401,2439],{},[23,6402,252],{},[19,6404,2442],{},[31,6406,6407],{},[19,6408,2447],{},[14,6410,2451],{"id":2450},[19,6412,2454],{},[79,6414,2458],{"id":2457},[19,6416,2461],{},[79,6418,2465],{"id":2464},[19,6420,2468],{},[79,6422,2472],{"id":2471},[19,6424,2475],{},[19,6426,2478],{},[79,6428,2482],{"id":2481},[19,6430,2485],{},[19,6432,2488],{},[47,6434,6435,6439,6443,6447],{},[50,6436,6437,2496],{},[23,6438,2495],{},[50,6440,6441,2502],{},[23,6442,2501],{},[50,6444,6445,2508],{},[23,6446,2507],{},[50,6448,6449,2514],{},[23,6450,2513],{},[284,6452,6453],{"className":1181,"code":2517,"language":1183,"meta":289,"style":289},[291,6454,6455,6459,6467,6477,6487,6497,6515,6519,6523,6533,6543,6553,6567,6581,6595,6599,6615,6627,6631,6635,6643,6647,6651,6657,6679,6695,6699,6703,6707,6711,6715],{"__ignoreMap":289},[294,6456,6457],{"class":296,"line":297},[294,6458,2524],{"class":300},[294,6460,6461,6463,6465],{"class":296,"line":304},[294,6462,2072],{"class":1195},[294,6464,2531],{"class":1112},[294,6466,1282],{"class":311},[294,6468,6469,6471,6473,6475],{"class":296,"line":319},[294,6470,2538],{"class":1376},[294,6472,2092],{"class":1195},[294,6474,2117],{"class":315},[294,6476,1208],{"class":311},[294,6478,6479,6481,6483,6485],{"class":296,"line":328},[294,6480,2549],{"class":1376},[294,6482,2092],{"class":1195},[294,6484,2117],{"class":315},[294,6486,1208],{"class":311},[294,6488,6489,6491,6493,6495],{"class":296,"line":340},[294,6490,2560],{"class":1376},[294,6492,2092],{"class":1195},[294,6494,2147],{"class":315},[294,6496,1208],{"class":311},[294,6498,6499,6501,6503,6505,6507,6509,6511,6513],{"class":296,"line":351},[294,6500,2571],{"class":1376},[294,6502,2092],{"class":1195},[294,6504,2576],{"class":1112},[294,6506,2078],{"class":311},[294,6508,2581],{"class":315},[294,6510,1295],{"class":311},[294,6512,2586],{"class":315},[294,6514,2589],{"class":311},[294,6516,6517],{"class":296,"line":362},[294,6518,2159],{"class":311},[294,6520,6521],{"class":296,"line":369},[294,6522,366],{"emptyLinePlaceholder":365},[294,6524,6525,6527,6529,6531],{"class":296,"line":377},[294,6526,1298],{"class":1195},[294,6528,2604],{"class":1195},[294,6530,2607],{"class":1112},[294,6532,2610],{"class":311},[294,6534,6535,6537,6539,6541],{"class":296,"line":385},[294,6536,2615],{"class":1376},[294,6538,2092],{"class":1195},[294,6540,2117],{"class":315},[294,6542,1243],{"class":311},[294,6544,6545,6547,6549,6551],{"class":296,"line":393},[294,6546,2626],{"class":1376},[294,6548,2092],{"class":1195},[294,6550,2117],{"class":315},[294,6552,1243],{"class":311},[294,6554,6555,6557,6559,6561,6563,6565],{"class":296,"line":404},[294,6556,2637],{"class":1376},[294,6558,2092],{"class":1195},[294,6560,2147],{"class":315},[294,6562,1223],{"class":1195},[294,6564,2646],{"class":315},[294,6566,1243],{"class":311},[294,6568,6569,6571,6573,6575,6577,6579],{"class":296,"line":415},[294,6570,2653],{"class":311},[294,6572,2092],{"class":1195},[294,6574,2658],{"class":1112},[294,6576,2078],{"class":311},[294,6578,2663],{"class":1112},[294,6580,2666],{"class":311},[294,6582,6583,6585,6587,6589,6591,6593],{"class":296,"line":423},[294,6584,2671],{"class":1195},[294,6586,2674],{"class":315},[294,6588,1223],{"class":1195},[294,6590,1590],{"class":1195},[294,6592,2681],{"class":1112},[294,6594,2684],{"class":311},[294,6596,6597],{"class":296,"line":432},[294,6598,366],{"emptyLinePlaceholder":365},[294,6600,6601,6603,6605,6607,6609,6611,6613],{"class":296,"line":440},[294,6602,2671],{"class":1195},[294,6604,2695],{"class":315},[294,6606,1223],{"class":1195},[294,6608,1590],{"class":1195},[294,6610,2702],{"class":311},[294,6612,2705],{"class":1112},[294,6614,1232],{"class":311},[294,6616,6617,6619,6621,6623,6625],{"class":296,"line":451},[294,6618,2712],{"class":311},[294,6620,2715],{"class":336},[294,6622,2718],{"class":311},[294,6624,2721],{"class":336},[294,6626,1243],{"class":311},[294,6628,6629],{"class":296,"line":459},[294,6630,2728],{"class":311},[294,6632,6633],{"class":296,"line":467},[294,6634,2733],{"class":311},[294,6636,6637,6639,6641],{"class":296,"line":475},[294,6638,2738],{"class":311},[294,6640,2741],{"class":315},[294,6642,2744],{"class":311},[294,6644,6645],{"class":296,"line":486},[294,6646,1662],{"class":311},[294,6648,6649],{"class":296,"line":494},[294,6650,366],{"emptyLinePlaceholder":365},[294,6652,6653,6655],{"class":296,"line":502},[294,6654,2757],{"class":1195},[294,6656,2760],{"class":311},[294,6658,6659,6661,6663,6665,6667,6669,6671,6673,6675,6677],{"class":296,"line":513},[294,6660,2765],{"class":311},[294,6662,2768],{"class":1112},[294,6664,2771],{"class":311},[294,6666,2774],{"class":1376},[294,6668,1380],{"class":311},[294,6670,1279],{"class":1195},[294,6672,2781],{"class":311},[294,6674,2784],{"class":1195},[294,6676,2787],{"class":315},[294,6678,1339],{"class":311},[294,6680,6681,6683,6685,6687,6689,6691,6693],{"class":296,"line":521},[294,6682,2765],{"class":311},[294,6684,2796],{"class":1112},[294,6686,2771],{"class":311},[294,6688,2774],{"class":1376},[294,6690,1380],{"class":311},[294,6692,1279],{"class":1195},[294,6694,2807],{"class":311},[294,6696,6697],{"class":296,"line":529},[294,6698,2812],{"class":311},[294,6700,6701],{"class":296,"line":537},[294,6702,2817],{"class":311},[294,6704,6705],{"class":296,"line":548},[294,6706,2822],{"class":311},[294,6708,6709],{"class":296,"line":556},[294,6710,2827],{"class":311},[294,6712,6713],{"class":296,"line":566},[294,6714,2832],{"class":311},[294,6716,6717],{"class":296,"line":573},[294,6718,2159],{"class":311},[1162,6720,6721],{"type":322},[19,6722,2841],{},[79,6724,2845],{"id":2844},[19,6726,2848],{},[19,6728,2851],{},[14,6730,2855],{"id":2854},[19,6732,2858],{},[79,6734,2862],{"id":2861},[19,6736,2865],{},[284,6738,6739],{"className":1181,"code":2868,"language":1183,"meta":289,"style":289},[291,6740,6741,6745,6755,6763,6767,6773,6777,6785,6789,6793,6801,6809,6829,6833,6837,6845,6853,6861,6865,6869,6877,6893,6901,6905,6909,6917,6925,6929,6933,6941,6949,6953,6957,6965,6973,6977,6981,6997,7001],{"__ignoreMap":289},[294,6742,6743],{"class":296,"line":297},[294,6744,2875],{"class":300},[294,6746,6747,6749,6751,6753],{"class":296,"line":304},[294,6748,1217],{"class":1195},[294,6750,2882],{"class":315},[294,6752,1223],{"class":1195},[294,6754,1282],{"class":311},[294,6756,6757,6759,6761],{"class":296,"line":319},[294,6758,2891],{"class":311},[294,6760,2894],{"class":336},[294,6762,1243],{"class":311},[294,6764,6765],{"class":296,"line":328},[294,6766,2901],{"class":311},[294,6768,6769,6771],{"class":296,"line":340},[294,6770,2906],{"class":336},[294,6772,1243],{"class":311},[294,6774,6775],{"class":296,"line":351},[294,6776,2913],{"class":311},[294,6778,6779,6781,6783],{"class":296,"line":362},[294,6780,2918],{"class":311},[294,6782,2921],{"class":336},[294,6784,1243],{"class":311},[294,6786,6787],{"class":296,"line":369},[294,6788,2928],{"class":311},[294,6790,6791],{"class":296,"line":377},[294,6792,2933],{"class":311},[294,6794,6795,6797,6799],{"class":296,"line":385},[294,6796,2938],{"class":311},[294,6798,2941],{"class":336},[294,6800,1243],{"class":311},[294,6802,6803,6805,6807],{"class":296,"line":393},[294,6804,2948],{"class":311},[294,6806,2951],{"class":336},[294,6808,1243],{"class":311},[294,6810,6811,6813,6815,6817,6819,6821,6823,6825,6827],{"class":296,"line":404},[294,6812,2958],{"class":311},[294,6814,1428],{"class":336},[294,6816,1295],{"class":311},[294,6818,2965],{"class":336},[294,6820,1295],{"class":311},[294,6822,2970],{"class":336},[294,6824,1295],{"class":311},[294,6826,2975],{"class":336},[294,6828,2978],{"class":311},[294,6830,6831],{"class":296,"line":415},[294,6832,2983],{"class":311},[294,6834,6835],{"class":296,"line":423},[294,6836,2988],{"class":311},[294,6838,6839,6841,6843],{"class":296,"line":432},[294,6840,2938],{"class":311},[294,6842,2941],{"class":336},[294,6844,1243],{"class":311},[294,6846,6847,6849,6851],{"class":296,"line":440},[294,6848,3001],{"class":311},[294,6850,3004],{"class":336},[294,6852,1243],{"class":311},[294,6854,6855,6857,6859],{"class":296,"line":451},[294,6856,2948],{"class":311},[294,6858,3013],{"class":336},[294,6860,1243],{"class":311},[294,6862,6863],{"class":296,"line":459},[294,6864,2983],{"class":311},[294,6866,6867],{"class":296,"line":467},[294,6868,3024],{"class":311},[294,6870,6871,6873,6875],{"class":296,"line":475},[294,6872,2938],{"class":311},[294,6874,2941],{"class":336},[294,6876,1243],{"class":311},[294,6878,6879,6881,6883,6885,6887,6889,6891],{"class":296,"line":486},[294,6880,2958],{"class":311},[294,6882,3039],{"class":336},[294,6884,1295],{"class":311},[294,6886,3044],{"class":336},[294,6888,1295],{"class":311},[294,6890,3049],{"class":336},[294,6892,2978],{"class":311},[294,6894,6895,6897,6899],{"class":296,"line":494},[294,6896,2948],{"class":311},[294,6898,3058],{"class":336},[294,6900,1243],{"class":311},[294,6902,6903],{"class":296,"line":502},[294,6904,2983],{"class":311},[294,6906,6907],{"class":296,"line":513},[294,6908,3069],{"class":311},[294,6910,6911,6913,6915],{"class":296,"line":521},[294,6912,2938],{"class":311},[294,6914,2941],{"class":336},[294,6916,1243],{"class":311},[294,6918,6919,6921,6923],{"class":296,"line":529},[294,6920,2948],{"class":311},[294,6922,3084],{"class":336},[294,6924,1243],{"class":311},[294,6926,6927],{"class":296,"line":537},[294,6928,2983],{"class":311},[294,6930,6931],{"class":296,"line":548},[294,6932,3095],{"class":311},[294,6934,6935,6937,6939],{"class":296,"line":556},[294,6936,2938],{"class":311},[294,6938,2941],{"class":336},[294,6940,1243],{"class":311},[294,6942,6943,6945,6947],{"class":296,"line":566},[294,6944,2948],{"class":311},[294,6946,3110],{"class":336},[294,6948,1243],{"class":311},[294,6950,6951],{"class":296,"line":573},[294,6952,2983],{"class":311},[294,6954,6955],{"class":296,"line":580},[294,6956,3121],{"class":311},[294,6958,6959,6961,6963],{"class":296,"line":587},[294,6960,2938],{"class":311},[294,6962,2941],{"class":336},[294,6964,1243],{"class":311},[294,6966,6967,6969,6971],{"class":296,"line":597},[294,6968,2948],{"class":311},[294,6970,3136],{"class":336},[294,6972,1243],{"class":311},[294,6974,6975],{"class":296,"line":605},[294,6976,2983],{"class":311},[294,6978,6979],{"class":296,"line":615},[294,6980,3147],{"class":311},[294,6982,6983,6985,6987,6989,6991,6993,6995],{"class":296,"line":622},[294,6984,3152],{"class":311},[294,6986,3155],{"class":336},[294,6988,1295],{"class":311},[294,6990,3160],{"class":336},[294,6992,1295],{"class":311},[294,6994,3165],{"class":336},[294,6996,2978],{"class":311},[294,6998,6999],{"class":296,"line":629},[294,7000,1922],{"class":311},[294,7002,7003],{"class":296,"line":636},[294,7004,3176],{"class":311},[79,7006,3180],{"id":3179},[19,7008,3183],{},[19,7010,3186],{},[47,7012,7013,7017,7023,7027,7031,7035,7039,7043,7047,7051,7057],{},[50,7014,7015,3194],{},[23,7016,3193],{},[50,7018,7019,3200,7021],{},[23,7020,3199],{},[291,7022,3203],{},[50,7024,7025,3209],{},[23,7026,3208],{},[50,7028,7029,3214],{},[23,7030,3199],{},[50,7032,7033,3219],{},[23,7034,3193],{},[50,7036,7037,3224],{},[23,7038,3199],{},[50,7040,7041,3229],{},[23,7042,3193],{},[50,7044,7045,3234],{},[23,7046,3199],{},[50,7048,7049,3239],{},[23,7050,3193],{},[50,7052,7053,3200,7055],{},[23,7054,3199],{},[291,7056,3246],{},[50,7058,7059,3251],{},[23,7060,3199],{},[19,7062,3254],{},[1162,7064,7065],{"type":1164},[19,7066,3259],{},[14,7068,3263],{"id":3262},[19,7070,3266],{},[79,7072,3270],{"id":3269},[19,7074,3273],{},[79,7076,3277],{"id":3276},[19,7078,3280,7079,3284],{},[230,7080,3283],{"href":2353},[14,7082,3288],{"id":3287},[19,7084,3291],{},[79,7086,3295],{"id":3294},[19,7088,3298],{},[1711,7090,7091,7095,7099,7103],{},[50,7092,7093,3306],{},[23,7094,3305],{},[50,7096,7097,3312],{},[23,7098,3311],{},[50,7100,7101,3318],{},[23,7102,3317],{},[50,7104,7105,3324],{},[23,7106,3323],{},[79,7108,3328],{"id":3327},[19,7110,3331],{},[19,7112,3334],{},[47,7114,7115,7119,7123],{},[50,7116,7117,3342],{},[23,7118,3341],{},[50,7120,7121,3348],{},[23,7122,3347],{},[50,7124,7125,3354],{},[23,7126,3353],{},[19,7128,3357],{},[79,7130,3361],{"id":3360},[19,7132,3364],{},[19,7134,3367],{},[1711,7136,7137,7139,7141,7143],{},[50,7138,3372],{},[50,7140,3375],{},[50,7142,3378],{},[50,7144,3381],{},[19,7146,3384],{},[79,7148,3388],{"id":3387},[19,7150,3391],{},[1711,7152,7153,7157,7161,7165,7169],{},[50,7154,7155,3399],{},[23,7156,3398],{},[50,7158,7159,3405],{},[23,7160,3404],{},[50,7162,7163,3411],{},[23,7164,3410],{},[50,7166,7167,3417],{},[23,7168,3416],{},[50,7170,7171,3423],{},[23,7172,3422],{},[19,7174,3426],{},[14,7176,3430],{"id":3429},[19,7178,3433],{},[124,7180,7181,7191],{},[127,7182,7183],{},[130,7184,7185,7187,7189],{},[133,7186,3442],{},[133,7188,3445],{},[133,7190,3448],{},[143,7192,7193,7201,7209,7217,7225,7233],{},[130,7194,7195,7197,7199],{},[148,7196,3455],{},[148,7198,3458],{},[148,7200,3461],{},[130,7202,7203,7205,7207],{},[148,7204,3466],{},[148,7206,3469],{},[148,7208,3472],{},[130,7210,7211,7213,7215],{},[148,7212,3477],{},[148,7214,3480],{},[148,7216,3483],{},[130,7218,7219,7221,7223],{},[148,7220,3488],{},[148,7222,3491],{},[148,7224,3494],{},[130,7226,7227,7229,7231],{},[148,7228,3499],{},[148,7230,3502],{},[148,7232,3505],{},[130,7234,7235,7237,7239],{},[148,7236,3510],{},[148,7238,3513],{},[148,7240,3516],{},[19,7242,3519,7243,3523],{},[230,7244,3522],{"href":251},[1162,7246,7247],{"type":322},[19,7248,3528,7249,3532],{},[2180,7250,3531],{},[14,7252,3536],{"id":3535},[19,7254,3539],{},[1711,7256,7257,7261,7265,7271],{},[50,7258,7259,3547],{},[23,7260,3546],{},[50,7262,7263,3553],{},[23,7264,3552],{},[50,7266,7267,3563],{},[23,7268,3558,7269],{},[230,7270,3562],{"href":3561},[50,7272,7273,3569],{},[23,7274,3568],{},[19,7276,3572],{},[2357,7278],{},[19,7280,7281],{},[2180,7282,3579,7283,3583],{},[230,7284,3582],{"href":2366},[2370,7286,3586],{},{"title":289,"searchDepth":304,"depth":304,"links":7288},[7289,7290,7297,7301,7305,7311,7312],{"id":2432,"depth":304,"text":2433},{"id":2450,"depth":304,"text":2451,"children":7291},[7292,7293,7294,7295,7296],{"id":2457,"depth":319,"text":2458},{"id":2464,"depth":319,"text":2465},{"id":2471,"depth":319,"text":2472},{"id":2481,"depth":319,"text":2482},{"id":2844,"depth":319,"text":2845},{"id":2854,"depth":304,"text":2855,"children":7298},[7299,7300],{"id":2861,"depth":319,"text":2862},{"id":3179,"depth":319,"text":3180},{"id":3262,"depth":304,"text":3263,"children":7302},[7303,7304],{"id":3269,"depth":319,"text":3270},{"id":3276,"depth":319,"text":3277},{"id":3287,"depth":304,"text":3288,"children":7306},[7307,7308,7309,7310],{"id":3294,"depth":319,"text":3295},{"id":3327,"depth":319,"text":3328},{"id":3360,"depth":319,"text":3361},{"id":3387,"depth":319,"text":3388},{"id":3429,"depth":304,"text":3430},{"id":3535,"depth":304,"text":3536},{},{"title":2424,"description":3615},[252,3622,3623,3624],{"id":7317,"title":7318,"author":7319,"body":7322,"category":8491,"coverImage":2407,"date":8492,"description":8493,"extension":2410,"featured":2411,"meta":8494,"navigation":365,"path":8495,"readingTime":8496,"seo":8497,"stem":8498,"tags":8499,"__hash__":8503},"blog/blog/cloud-native-architecture.md","Cloud-Native Architecture: Building for Global Scale",{"name":7320,"role":7321},"Kavinda Silva","Principal Architect",{"type":11,"value":7323,"toc":8480},[7324,7328,7331,7335,7339,7342,7727,8037,8041,8044,8047,8067,8072,8076,8079,8099,8104,8108,8111,8356,8361,8365,8368,8371,8397,8401,8404,8464,8467,8469,8477],[14,7325,7327],{"id":7326},"beyond-containers-true-cloud-native-thinking","Beyond Containers: True Cloud-Native Thinking",[19,7329,7330],{},"Cloud-native isn't just about running containers in Kubernetes. It's a philosophy — a way of designing systems that fully exploits the cloud's elastic, distributed nature. After architecting platforms that serve millions of users across four continents, we've distilled our approach into core principles.",[14,7332,7334],{"id":7333},"the-three-pillars-of-cloud-native-architecture","The Three Pillars of Cloud-Native Architecture",[79,7336,7338],{"id":7337},"_1-resilience-as-a-first-class-concern","1. Resilience as a First-Class Concern",[19,7340,7341],{},"Every service must be designed to fail gracefully. This isn't pessimism — it's engineering reality. In a distributed system with hundreds of services, something is always failing.",[284,7343,7347],{"className":7344,"code":7345,"language":7346,"meta":289,"style":289},"language-go shiki shiki-themes github-light github-dark","// Circuit breaker pattern in Go\ntype CircuitBreaker struct {\n    maxFailures   int\n    resetTimeout  time.Duration\n    failures      int\n    lastFailure   time.Time\n    state         State\n    mu            sync.Mutex\n}\n\nfunc (cb *CircuitBreaker) Execute(fn func() error) error {\n    cb.mu.Lock()\n    if cb.state == Open {\n        if time.Since(cb.lastFailure) > cb.resetTimeout {\n            cb.state = HalfOpen\n        } else {\n            cb.mu.Unlock()\n            return ErrCircuitOpen\n        }\n    }\n    cb.mu.Unlock()\n\n    err := fn()\n    cb.mu.Lock()\n    defer cb.mu.Unlock()\n\n    if err != nil {\n        cb.failures++\n        cb.lastFailure = time.Now()\n        if cb.failures >= cb.maxFailures {\n            cb.state = Open\n        }\n        return err\n    }\n\n    cb.failures = 0\n    cb.state = Closed\n    return nil\n}\n","go",[291,7348,7349,7354,7367,7375,7388,7395,7407,7415,7428,7432,7436,7477,7487,7501,7520,7530,7540,7550,7558,7563,7567,7575,7579,7592,7600,7612,7616,7631,7639,7653,7666,7675,7679,7687,7691,7695,7705,7715,7723],{"__ignoreMap":289},[294,7350,7351],{"class":296,"line":297},[294,7352,7353],{"class":300},"// Circuit breaker pattern in Go\n",[294,7355,7356,7359,7362,7365],{"class":296,"line":304},[294,7357,7358],{"class":1195},"type",[294,7360,7361],{"class":1112}," CircuitBreaker",[294,7363,7364],{"class":1195}," struct",[294,7366,1282],{"class":311},[294,7368,7369,7372],{"class":296,"line":319},[294,7370,7371],{"class":311},"    maxFailures   ",[294,7373,7374],{"class":1195},"int\n",[294,7376,7377,7380,7383,7385],{"class":296,"line":328},[294,7378,7379],{"class":311},"    resetTimeout  ",[294,7381,7382],{"class":1112},"time",[294,7384,4560],{"class":311},[294,7386,7387],{"class":1112},"Duration\n",[294,7389,7390,7393],{"class":296,"line":340},[294,7391,7392],{"class":311},"    failures      ",[294,7394,7374],{"class":1195},[294,7396,7397,7400,7402,7404],{"class":296,"line":351},[294,7398,7399],{"class":311},"    lastFailure   ",[294,7401,7382],{"class":1112},[294,7403,4560],{"class":311},[294,7405,7406],{"class":1112},"Time\n",[294,7408,7409,7412],{"class":296,"line":362},[294,7410,7411],{"class":311},"    state         ",[294,7413,7414],{"class":1112},"State\n",[294,7416,7417,7420,7423,7425],{"class":296,"line":369},[294,7418,7419],{"class":311},"    mu            ",[294,7421,7422],{"class":1112},"sync",[294,7424,4560],{"class":311},[294,7426,7427],{"class":1112},"Mutex\n",[294,7429,7430],{"class":296,"line":377},[294,7431,2159],{"class":311},[294,7433,7434],{"class":296,"line":385},[294,7435,366],{"emptyLinePlaceholder":365},[294,7437,7438,7441,7443,7446,7449,7452,7454,7457,7459,7462,7465,7468,7471,7473,7475],{"class":296,"line":393},[294,7439,7440],{"class":1195},"func",[294,7442,1568],{"class":311},[294,7444,7445],{"class":1376},"cb ",[294,7447,7448],{"class":1195},"*",[294,7450,7451],{"class":1112},"CircuitBreaker",[294,7453,1380],{"class":311},[294,7455,7456],{"class":1112},"Execute",[294,7458,1270],{"class":311},[294,7460,7461],{"class":1376},"fn",[294,7463,7464],{"class":1195}," func",[294,7466,7467],{"class":311},"() ",[294,7469,7470],{"class":1195},"error",[294,7472,1380],{"class":311},[294,7474,7470],{"class":1195},[294,7476,1282],{"class":311},[294,7478,7479,7482,7485],{"class":296,"line":404},[294,7480,7481],{"class":311},"    cb.mu.",[294,7483,7484],{"class":1112},"Lock",[294,7486,1324],{"class":311},[294,7488,7489,7492,7495,7498],{"class":296,"line":415},[294,7490,7491],{"class":1195},"    if",[294,7493,7494],{"class":311}," cb.state ",[294,7496,7497],{"class":1195},"==",[294,7499,7500],{"class":311}," Open {\n",[294,7502,7503,7506,7509,7512,7515,7517],{"class":296,"line":423},[294,7504,7505],{"class":1195},"        if",[294,7507,7508],{"class":311}," time.",[294,7510,7511],{"class":1112},"Since",[294,7513,7514],{"class":311},"(cb.lastFailure) ",[294,7516,2784],{"class":1195},[294,7518,7519],{"class":311}," cb.resetTimeout {\n",[294,7521,7522,7525,7527],{"class":296,"line":432},[294,7523,7524],{"class":311},"            cb.state ",[294,7526,4084],{"class":1195},[294,7528,7529],{"class":311}," HalfOpen\n",[294,7531,7532,7535,7538],{"class":296,"line":440},[294,7533,7534],{"class":311},"        } ",[294,7536,7537],{"class":1195},"else",[294,7539,1282],{"class":311},[294,7541,7542,7545,7548],{"class":296,"line":451},[294,7543,7544],{"class":311},"            cb.mu.",[294,7546,7547],{"class":1112},"Unlock",[294,7549,1324],{"class":311},[294,7551,7552,7555],{"class":296,"line":459},[294,7553,7554],{"class":1195},"            return",[294,7556,7557],{"class":311}," ErrCircuitOpen\n",[294,7559,7560],{"class":296,"line":467},[294,7561,7562],{"class":311},"        }\n",[294,7564,7565],{"class":296,"line":475},[294,7566,2293],{"class":311},[294,7568,7569,7571,7573],{"class":296,"line":486},[294,7570,7481],{"class":311},[294,7572,7547],{"class":1112},[294,7574,1324],{"class":311},[294,7576,7577],{"class":296,"line":494},[294,7578,366],{"emptyLinePlaceholder":365},[294,7580,7581,7584,7587,7590],{"class":296,"line":502},[294,7582,7583],{"class":311},"    err ",[294,7585,7586],{"class":1195},":=",[294,7588,7589],{"class":1112}," fn",[294,7591,1324],{"class":311},[294,7593,7594,7596,7598],{"class":296,"line":513},[294,7595,7481],{"class":311},[294,7597,7484],{"class":1112},[294,7599,1324],{"class":311},[294,7601,7602,7605,7608,7610],{"class":296,"line":521},[294,7603,7604],{"class":1195},"    defer",[294,7606,7607],{"class":311}," cb.mu.",[294,7609,7547],{"class":1112},[294,7611,1324],{"class":311},[294,7613,7614],{"class":296,"line":529},[294,7615,366],{"emptyLinePlaceholder":365},[294,7617,7618,7620,7623,7626,7629],{"class":296,"line":537},[294,7619,7491],{"class":1195},[294,7621,7622],{"class":311}," err ",[294,7624,7625],{"class":1195},"!=",[294,7627,7628],{"class":315}," nil",[294,7630,1282],{"class":311},[294,7632,7633,7636],{"class":296,"line":548},[294,7634,7635],{"class":311},"        cb.failures",[294,7637,7638],{"class":1195},"++\n",[294,7640,7641,7644,7646,7648,7651],{"class":296,"line":556},[294,7642,7643],{"class":311},"        cb.lastFailure ",[294,7645,4084],{"class":1195},[294,7647,7508],{"class":311},[294,7649,7650],{"class":1112},"Now",[294,7652,1324],{"class":311},[294,7654,7655,7657,7660,7663],{"class":296,"line":566},[294,7656,7505],{"class":1195},[294,7658,7659],{"class":311}," cb.failures ",[294,7661,7662],{"class":1195},">=",[294,7664,7665],{"class":311}," cb.maxFailures {\n",[294,7667,7668,7670,7672],{"class":296,"line":573},[294,7669,7524],{"class":311},[294,7671,4084],{"class":1195},[294,7673,7674],{"class":311}," Open\n",[294,7676,7677],{"class":296,"line":580},[294,7678,7562],{"class":311},[294,7680,7681,7684],{"class":296,"line":587},[294,7682,7683],{"class":1195},"        return",[294,7685,7686],{"class":311}," err\n",[294,7688,7689],{"class":296,"line":597},[294,7690,2293],{"class":311},[294,7692,7693],{"class":296,"line":605},[294,7694,366],{"emptyLinePlaceholder":365},[294,7696,7697,7700,7702],{"class":296,"line":615},[294,7698,7699],{"class":311},"    cb.failures ",[294,7701,4084],{"class":1195},[294,7703,7704],{"class":315}," 0\n",[294,7706,7707,7710,7712],{"class":296,"line":622},[294,7708,7709],{"class":311},"    cb.state ",[294,7711,4084],{"class":1195},[294,7713,7714],{"class":311}," Closed\n",[294,7716,7717,7720],{"class":296,"line":629},[294,7718,7719],{"class":1195},"    return",[294,7721,7722],{"class":315}," nil\n",[294,7724,7725],{"class":296,"line":636},[294,7726,2159],{"class":311},[284,7728,7730],{"className":286,"code":7729,"language":288,"meta":289,"style":289},"# Kubernetes deployment with resilience patterns\napiVersion: apps/v1\nkind: Deployment\nmetadata:\n  name: payment-service\nspec:\n  replicas: 3\n  strategy:\n    type: RollingUpdate\n    rollingUpdate:\n      maxUnavailable: 1\n      maxSurge: 1\n  template:\n    spec:\n      containers:\n        - name: payment\n          image: cnex/payment:v2.4.1\n          resources:\n            requests:\n              memory: \"256Mi\"\n              cpu: \"250m\"\n            limits:\n              memory: \"512Mi\"\n              cpu: \"500m\"\n          livenessProbe:\n            httpGet:\n              path: /healthz\n              port: 8080\n            initialDelaySeconds: 15\n            periodSeconds: 10\n          readinessProbe:\n            httpGet:\n              path: /readyz\n              port: 8080\n            initialDelaySeconds: 5\n            periodSeconds: 5\n",[291,7731,7732,7737,7747,7757,7764,7774,7781,7791,7798,7808,7815,7825,7834,7841,7848,7855,7867,7877,7884,7891,7901,7911,7918,7927,7936,7943,7950,7960,7970,7980,7990,7997,8003,8012,8020,8029],{"__ignoreMap":289},[294,7733,7734],{"class":296,"line":297},[294,7735,7736],{"class":300},"# Kubernetes deployment with resilience patterns\n",[294,7738,7739,7742,7744],{"class":296,"line":304},[294,7740,7741],{"class":307},"apiVersion",[294,7743,312],{"class":311},[294,7745,7746],{"class":336},"apps/v1\n",[294,7748,7749,7752,7754],{"class":296,"line":319},[294,7750,7751],{"class":307},"kind",[294,7753,312],{"class":311},[294,7755,7756],{"class":336},"Deployment\n",[294,7758,7759,7762],{"class":296,"line":328},[294,7760,7761],{"class":307},"metadata",[294,7763,325],{"class":311},[294,7765,7766,7769,7771],{"class":296,"line":340},[294,7767,7768],{"class":307},"  name",[294,7770,312],{"class":311},[294,7772,7773],{"class":336},"payment-service\n",[294,7775,7776,7779],{"class":296,"line":351},[294,7777,7778],{"class":307},"spec",[294,7780,325],{"class":311},[294,7782,7783,7786,7788],{"class":296,"line":362},[294,7784,7785],{"class":307},"  replicas",[294,7787,312],{"class":311},[294,7789,7790],{"class":315},"3\n",[294,7792,7793,7796],{"class":296,"line":369},[294,7794,7795],{"class":307},"  strategy",[294,7797,325],{"class":311},[294,7799,7800,7803,7805],{"class":296,"line":377},[294,7801,7802],{"class":307},"    type",[294,7804,312],{"class":311},[294,7806,7807],{"class":336},"RollingUpdate\n",[294,7809,7810,7813],{"class":296,"line":385},[294,7811,7812],{"class":307},"    rollingUpdate",[294,7814,325],{"class":311},[294,7816,7817,7820,7822],{"class":296,"line":393},[294,7818,7819],{"class":307},"      maxUnavailable",[294,7821,312],{"class":311},[294,7823,7824],{"class":315},"1\n",[294,7826,7827,7830,7832],{"class":296,"line":404},[294,7828,7829],{"class":307},"      maxSurge",[294,7831,312],{"class":311},[294,7833,7824],{"class":315},[294,7835,7836,7839],{"class":296,"line":415},[294,7837,7838],{"class":307},"  template",[294,7840,325],{"class":311},[294,7842,7843,7846],{"class":296,"line":423},[294,7844,7845],{"class":307},"    spec",[294,7847,325],{"class":311},[294,7849,7850,7853],{"class":296,"line":432},[294,7851,7852],{"class":307},"      containers",[294,7854,325],{"class":311},[294,7856,7857,7859,7862,7864],{"class":296,"line":440},[294,7858,426],{"class":311},[294,7860,7861],{"class":307},"name",[294,7863,312],{"class":311},[294,7865,7866],{"class":336},"payment\n",[294,7868,7869,7872,7874],{"class":296,"line":451},[294,7870,7871],{"class":307},"          image",[294,7873,312],{"class":311},[294,7875,7876],{"class":336},"cnex/payment:v2.4.1\n",[294,7878,7879,7882],{"class":296,"line":459},[294,7880,7881],{"class":307},"          resources",[294,7883,325],{"class":311},[294,7885,7886,7889],{"class":296,"line":467},[294,7887,7888],{"class":307},"            requests",[294,7890,325],{"class":311},[294,7892,7893,7896,7898],{"class":296,"line":475},[294,7894,7895],{"class":307},"              memory",[294,7897,312],{"class":311},[294,7899,7900],{"class":336},"\"256Mi\"\n",[294,7902,7903,7906,7908],{"class":296,"line":486},[294,7904,7905],{"class":307},"              cpu",[294,7907,312],{"class":311},[294,7909,7910],{"class":336},"\"250m\"\n",[294,7912,7913,7916],{"class":296,"line":494},[294,7914,7915],{"class":307},"            limits",[294,7917,325],{"class":311},[294,7919,7920,7922,7924],{"class":296,"line":502},[294,7921,7895],{"class":307},[294,7923,312],{"class":311},[294,7925,7926],{"class":336},"\"512Mi\"\n",[294,7928,7929,7931,7933],{"class":296,"line":513},[294,7930,7905],{"class":307},[294,7932,312],{"class":311},[294,7934,7935],{"class":336},"\"500m\"\n",[294,7937,7938,7941],{"class":296,"line":521},[294,7939,7940],{"class":307},"          livenessProbe",[294,7942,325],{"class":311},[294,7944,7945,7948],{"class":296,"line":529},[294,7946,7947],{"class":307},"            httpGet",[294,7949,325],{"class":311},[294,7951,7952,7955,7957],{"class":296,"line":537},[294,7953,7954],{"class":307},"              path",[294,7956,312],{"class":311},[294,7958,7959],{"class":336},"/healthz\n",[294,7961,7962,7965,7967],{"class":296,"line":548},[294,7963,7964],{"class":307},"              port",[294,7966,312],{"class":311},[294,7968,7969],{"class":315},"8080\n",[294,7971,7972,7975,7977],{"class":296,"line":556},[294,7973,7974],{"class":307},"            initialDelaySeconds",[294,7976,312],{"class":311},[294,7978,7979],{"class":315},"15\n",[294,7981,7982,7985,7987],{"class":296,"line":566},[294,7983,7984],{"class":307},"            periodSeconds",[294,7986,312],{"class":311},[294,7988,7989],{"class":315},"10\n",[294,7991,7992,7995],{"class":296,"line":573},[294,7993,7994],{"class":307},"          readinessProbe",[294,7996,325],{"class":311},[294,7998,7999,8001],{"class":296,"line":580},[294,8000,7947],{"class":307},[294,8002,325],{"class":311},[294,8004,8005,8007,8009],{"class":296,"line":587},[294,8006,7954],{"class":307},[294,8008,312],{"class":311},[294,8010,8011],{"class":336},"/readyz\n",[294,8013,8014,8016,8018],{"class":296,"line":597},[294,8015,7964],{"class":307},[294,8017,312],{"class":311},[294,8019,7969],{"class":315},[294,8021,8022,8024,8026],{"class":296,"line":605},[294,8023,7974],{"class":307},[294,8025,312],{"class":311},[294,8027,8028],{"class":315},"5\n",[294,8030,8031,8033,8035],{"class":296,"line":615},[294,8032,7984],{"class":307},[294,8034,312],{"class":311},[294,8036,8028],{"class":315},[79,8038,8040],{"id":8039},"_2-observability-over-monitoring","2. Observability Over Monitoring",[19,8042,8043],{},"Traditional monitoring asks \"Is it up?\" Observability asks \"Why is it behaving this way?\" The difference is critical at scale.",[19,8045,8046],{},"We instrument every service with three pillars of observability:",[1711,8048,8049,8055,8061],{},[50,8050,8051,8054],{},[23,8052,8053],{},"Structured logging"," with correlation IDs that trace requests across service boundaries",[50,8056,8057,8060],{},[23,8058,8059],{},"Distributed tracing"," via OpenTelemetry, giving us end-to-end request visibility",[50,8062,8063,8066],{},[23,8064,8065],{},"Metrics"," with dimensional tagging for flexible querying and alerting",[1162,8068,8069],{"type":322},[19,8070,8071],{},"A well-instrumented system should allow any engineer to diagnose a production issue within 5 minutes, without needing to be the service owner.",[79,8073,8075],{"id":8074},"_3-progressive-delivery","3. Progressive Delivery",[19,8077,8078],{},"Deploying to production should be boring. We achieve this through a layered deployment strategy:",[47,8080,8081,8087,8093],{},[50,8082,8083,8086],{},[23,8084,8085],{},"Canary releases"," — 5% of traffic to the new version, automated rollback on error spike",[50,8088,8089,8092],{},[23,8090,8091],{},"Feature flags"," — Decouple deployment from release, ship code dark",[50,8094,8095,8098],{},[23,8096,8097],{},"Blue-green environments"," — Zero-downtime database migrations and infrastructure changes",[31,8100,8101],{},[19,8102,8103],{},"We deploy to production an average of 47 times per day across our platform. Not because we're reckless — because our delivery pipeline makes it safe.",[14,8105,8107],{"id":8106},"infrastructure-as-code-the-complete-stack","Infrastructure as Code: The Complete Stack",[19,8109,8110],{},"Everything is code. Everything is version controlled. Everything is reviewable.",[284,8112,8114],{"className":1181,"code":8113,"language":1183,"meta":289,"style":289},"// Pulumi infrastructure definition (TypeScript)\nimport * as pulumi from '@pulumi/pulumi';\nimport * as aws from '@pulumi/aws';\nimport * as k8s from '@pulumi/kubernetes';\n\nconst vpc = new aws.ec2.Vpc('main', {\n  cidrBlock: '10.0.0.0/16',\n  enableDnsHostnames: true,\n  tags: { Environment: pulumi.getStack() },\n});\n\nconst cluster = new aws.eks.Cluster('platform', {\n  vpcConfig: {\n    subnetIds: subnets.map((s) => s.id),\n    securityGroupIds: [securityGroup.id],\n  },\n  version: '1.29',\n});\n\nconst namespace = new k8s.core.v1.Namespace('services', {\n  metadata: { name: 'services' },\n}, { provider: k8sProvider });\n",[291,8115,8116,8121,8140,8158,8176,8180,8205,8215,8224,8235,8239,8243,8267,8272,8291,8296,8300,8310,8314,8318,8342,8351],{"__ignoreMap":289},[294,8117,8118],{"class":296,"line":297},[294,8119,8120],{"class":300},"// Pulumi infrastructure definition (TypeScript)\n",[294,8122,8123,8125,8127,8130,8133,8135,8138],{"class":296,"line":304},[294,8124,1196],{"class":1195},[294,8126,1784],{"class":315},[294,8128,8129],{"class":1195}," as",[294,8131,8132],{"class":311}," pulumi ",[294,8134,1202],{"class":1195},[294,8136,8137],{"class":336}," '@pulumi/pulumi'",[294,8139,1208],{"class":311},[294,8141,8142,8144,8146,8148,8151,8153,8156],{"class":296,"line":319},[294,8143,1196],{"class":1195},[294,8145,1784],{"class":315},[294,8147,8129],{"class":1195},[294,8149,8150],{"class":311}," aws ",[294,8152,1202],{"class":1195},[294,8154,8155],{"class":336}," '@pulumi/aws'",[294,8157,1208],{"class":311},[294,8159,8160,8162,8164,8166,8169,8171,8174],{"class":296,"line":328},[294,8161,1196],{"class":1195},[294,8163,1784],{"class":315},[294,8165,8129],{"class":1195},[294,8167,8168],{"class":311}," k8s ",[294,8170,1202],{"class":1195},[294,8172,8173],{"class":336}," '@pulumi/kubernetes'",[294,8175,1208],{"class":311},[294,8177,8178],{"class":296,"line":340},[294,8179,366],{"emptyLinePlaceholder":365},[294,8181,8182,8184,8187,8189,8191,8194,8197,8199,8202],{"class":296,"line":351},[294,8183,1217],{"class":1195},[294,8185,8186],{"class":315}," vpc",[294,8188,1223],{"class":1195},[294,8190,1226],{"class":1195},[294,8192,8193],{"class":311}," aws.ec2.",[294,8195,8196],{"class":1112},"Vpc",[294,8198,1270],{"class":311},[294,8200,8201],{"class":336},"'main'",[294,8203,8204],{"class":311},", {\n",[294,8206,8207,8210,8213],{"class":296,"line":362},[294,8208,8209],{"class":311},"  cidrBlock: ",[294,8211,8212],{"class":336},"'10.0.0.0/16'",[294,8214,1243],{"class":311},[294,8216,8217,8220,8222],{"class":296,"line":369},[294,8218,8219],{"class":311},"  enableDnsHostnames: ",[294,8221,2741],{"class":315},[294,8223,1243],{"class":311},[294,8225,8226,8229,8232],{"class":296,"line":377},[294,8227,8228],{"class":311},"  tags: { Environment: pulumi.",[294,8230,8231],{"class":1112},"getStack",[294,8233,8234],{"class":311},"() },\n",[294,8236,8237],{"class":296,"line":385},[294,8238,1258],{"class":311},[294,8240,8241],{"class":296,"line":393},[294,8242,366],{"emptyLinePlaceholder":365},[294,8244,8245,8247,8250,8252,8254,8257,8260,8262,8265],{"class":296,"line":404},[294,8246,1217],{"class":1195},[294,8248,8249],{"class":315}," cluster",[294,8251,1223],{"class":1195},[294,8253,1226],{"class":1195},[294,8255,8256],{"class":311}," aws.eks.",[294,8258,8259],{"class":1112},"Cluster",[294,8261,1270],{"class":311},[294,8263,8264],{"class":336},"'platform'",[294,8266,8204],{"class":311},[294,8268,8269],{"class":296,"line":415},[294,8270,8271],{"class":311},"  vpcConfig: {\n",[294,8273,8274,8277,8279,8281,8284,8286,8288],{"class":296,"line":423},[294,8275,8276],{"class":311},"    subnetIds: subnets.",[294,8278,2796],{"class":1112},[294,8280,2771],{"class":311},[294,8282,8283],{"class":1376},"s",[294,8285,1380],{"class":311},[294,8287,1279],{"class":1195},[294,8289,8290],{"class":311}," s.id),\n",[294,8292,8293],{"class":296,"line":432},[294,8294,8295],{"class":311},"    securityGroupIds: [securityGroup.id],\n",[294,8297,8298],{"class":296,"line":440},[294,8299,1922],{"class":311},[294,8301,8302,8305,8308],{"class":296,"line":451},[294,8303,8304],{"class":311},"  version: ",[294,8306,8307],{"class":336},"'1.29'",[294,8309,1243],{"class":311},[294,8311,8312],{"class":296,"line":459},[294,8313,1258],{"class":311},[294,8315,8316],{"class":296,"line":467},[294,8317,366],{"emptyLinePlaceholder":365},[294,8319,8320,8322,8325,8327,8329,8332,8335,8337,8340],{"class":296,"line":475},[294,8321,1217],{"class":1195},[294,8323,8324],{"class":315}," namespace",[294,8326,1223],{"class":1195},[294,8328,1226],{"class":1195},[294,8330,8331],{"class":311}," k8s.core.v1.",[294,8333,8334],{"class":1112},"Namespace",[294,8336,1270],{"class":311},[294,8338,8339],{"class":336},"'services'",[294,8341,8204],{"class":311},[294,8343,8344,8347,8349],{"class":296,"line":486},[294,8345,8346],{"class":311},"  metadata: { name: ",[294,8348,8339],{"class":336},[294,8350,2744],{"class":311},[294,8352,8353],{"class":296,"line":494},[294,8354,8355],{"class":311},"}, { provider: k8sProvider });\n",[1162,8357,8358],{"type":4516},[19,8359,8360],{},"Never store secrets in your IaC definitions. Use a dedicated secrets manager (AWS Secrets Manager, HashiCorp Vault) with dynamic secret rotation.",[14,8362,8364],{"id":8363},"the-cost-of-getting-it-wrong","The Cost of Getting It Wrong",[19,8366,8367],{},"We've seen enterprises spend millions on \"cloud migration\" that's really just lift-and-shift — running the same monolith on EC2 instead of bare metal. The result? Higher costs, same fragility, new complexity.",[19,8369,8370],{},"True cloud-native transformation requires:",[1711,8372,8373,8379,8385,8391],{},[50,8374,8375,8378],{},[23,8376,8377],{},"Decomposing the monolith"," along business domain boundaries (not technical layers)",[50,8380,8381,8384],{},[23,8382,8383],{},"Embracing eventual consistency"," where strong consistency isn't required",[50,8386,8387,8390],{},[23,8388,8389],{},"Investing in platform engineering"," so application teams can self-serve",[50,8392,8393,8396],{},[23,8394,8395],{},"Building a culture of ownership"," where teams own their services end-to-end",[14,8398,8400],{"id":8399},"real-world-results","Real-World Results",[19,8402,8403],{},"For a recent financial services client, our cloud-native replatforming delivered:",[124,8405,8406,8418],{},[127,8407,8408],{},[130,8409,8410,8412,8415],{},[133,8411,3442],{},[133,8413,8414],{},"Before",[133,8416,8417],{},"After",[143,8419,8420,8431,8442,8453],{},[130,8421,8422,8425,8428],{},[148,8423,8424],{},"Deploy frequency",[148,8426,8427],{},"Weekly",[148,8429,8430],{},"47x daily",[130,8432,8433,8436,8439],{},[148,8434,8435],{},"Lead time for changes",[148,8437,8438],{},"3 weeks",[148,8440,8441],{},"45 minutes",[130,8443,8444,8447,8450],{},[148,8445,8446],{},"Change failure rate",[148,8448,8449],{},"23%",[148,8451,8452],{},"1.8%",[130,8454,8455,8458,8461],{},[148,8456,8457],{},"Mean time to recovery",[148,8459,8460],{},"4 hours",[148,8462,8463],{},"8 minutes",[19,8465,8466],{},"These aren't theoretical improvements. They're the difference between a company that reacts to market changes and one that drives them.",[2357,8468],{},[19,8470,8471],{},[2180,8472,8473,8474,4560],{},"Ready to modernise your infrastructure? ",[230,8475,8476],{"href":2366},"Let's architect your cloud-native future",[2370,8478,8479],{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":289,"searchDepth":304,"depth":304,"links":8481},[8482,8483,8488,8489,8490],{"id":7326,"depth":304,"text":7327},{"id":7333,"depth":304,"text":7334,"children":8484},[8485,8486,8487],{"id":7337,"depth":319,"text":7338},{"id":8039,"depth":319,"text":8040},{"id":8074,"depth":319,"text":8075},{"id":8106,"depth":304,"text":8107},{"id":8363,"depth":304,"text":8364},{"id":8399,"depth":304,"text":8400},"Cloud","2026-02-05","A deep dive into the architectural patterns and practices that enable enterprise applications to scale globally while maintaining reliability and performance.",{},"/blog/cloud-native-architecture","10 min read",{"title":7318,"description":8493},"blog/cloud-native-architecture",[8500,8501,2419,8502],"Cloud Native","Kubernetes","Architecture","Dai7RhZjlbZ0dr9DAwJlAIRurZr3eGCVoknlYA4NHXE",1784192087966]