[{"data":1,"prerenderedAt":8958},["ShallowReactive",2],{"footer-blog-posts":3,"blog-/blog/api-first-approach-guide":3626,"blog-related-/blog/api-first-approach-guide":5416},[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":5,"title":6,"author":3627,"body":3628,"category":2406,"coverImage":2407,"date":2408,"description":2409,"extension":2410,"featured":2411,"meta":5413,"navigation":365,"path":2413,"readingTime":2414,"seo":5414,"stem":2416,"tags":5415,"__hash__":2421},{"name":8,"role":9},{"type":11,"value":3629,"toc":5380},[3630,3632,3636,3638,3642,3644,3646,3648,3662,3664,3666,3668,3670,3674,3678,3680,3684,3688,3690,3694,3698,3760,3762,3764,3766,3768,3772,3774,3776,3778,3782,3786,3788,3790,3792,3794,3796,3798,4410,4412,4414,4416,4462,4464,4470,4472,4474,4866,4868,4870,4872,4880,4886,4892,4894,4904,4906,4908,5064,5066,5080,5084,5086,5088,5090,5120,5124,5126,5128,5130,5132,5134,5142,5144,5146,5234,5236,5238,5242,5244,5248,5336,5338,5340,5342,5364,5366,5370,5372,5378],[14,3631,17],{"id":16},[19,3633,21,3634,26],{},[23,3635,25],{},[19,3637,29],{},[31,3639,3640],{},[19,3641,35],{},[14,3643,39],{"id":38},[19,3645,42],{},[19,3647,45],{},[47,3649,3650,3652,3654,3656,3658,3660],{},[50,3651,52],{},[50,3653,55],{},[50,3655,58],{},[50,3657,61],{},[50,3659,64],{},[50,3661,67],{},[19,3663,70],{},[14,3665,74],{"id":73},[19,3667,77],{},[79,3669,82],{"id":81},[19,3671,3672,88],{},[23,3673,87],{},[19,3675,3676,94],{},[23,3677,93],{},[79,3679,98],{"id":97},[19,3681,3682,103],{},[23,3683,87],{},[19,3685,3686,108],{},[23,3687,93],{},[79,3689,112],{"id":111},[19,3691,3692,117],{},[23,3693,87],{},[19,3695,3696,122],{},[23,3697,93],{},[124,3699,3700,3710],{},[127,3701,3702],{},[130,3703,3704,3706,3708],{},[133,3705,135],{},[133,3707,138],{},[133,3709,141],{},[143,3711,3712,3720,3728,3736,3744,3752],{},[130,3713,3714,3716,3718],{},[148,3715,150],{},[148,3717,153],{},[148,3719,156],{},[130,3721,3722,3724,3726],{},[148,3723,161],{},[148,3725,164],{},[148,3727,167],{},[130,3729,3730,3732,3734],{},[148,3731,172],{},[148,3733,175],{},[148,3735,178],{},[130,3737,3738,3740,3742],{},[148,3739,183],{},[148,3741,186],{},[148,3743,189],{},[130,3745,3746,3748,3750],{},[148,3747,194],{},[148,3749,197],{},[148,3751,200],{},[130,3753,3754,3756,3758],{},[148,3755,205],{},[148,3757,208],{},[148,3759,211],{},[14,3761,215],{"id":214},[19,3763,218],{},[79,3765,222],{"id":221},[19,3767,225],{},[19,3769,228,3770,234],{},[230,3771,233],{"href":232},[79,3773,238],{"id":237},[19,3775,241],{},[79,3777,245],{"id":244},[19,3779,248,3780,253],{},[230,3781,252],{"href":251},[19,3783,256,3784,261],{},[230,3785,260],{"href":259},[79,3787,265],{"id":264},[19,3789,268],{},[14,3791,272],{"id":271},[19,3793,275],{},[79,3795,279],{"id":278},[19,3797,282],{},[284,3799,3800],{"className":286,"code":287,"language":288,"meta":289,"style":289},[291,3801,3802,3806,3814,3820,3828,3836,3844,3848,3854,3860,3866,3874,3882,3888,3894,3900,3908,3914,3920,3926,3934,3940,3946,3954,3960,3966,3972,3980,3986,3994,4000,4006,4012,4020,4026,4034,4040,4046,4052,4060,4064,4070,4076,4082,4090,4096,4102,4108,4114,4120,4126,4132,4140,4146,4152,4158,4164,4170,4178,4186,4194,4200,4208,4216,4224,4230,4238,4246,4252,4260,4268,4272,4278,4286,4292,4298,4306,4314,4320,4328,4334,4340,4346,4352,4358,4366,4372,4380,4388,4394,4402],{"__ignoreMap":289},[294,3803,3804],{"class":296,"line":297},[294,3805,301],{"class":300},[294,3807,3808,3810,3812],{"class":296,"line":304},[294,3809,308],{"class":307},[294,3811,312],{"class":311},[294,3813,316],{"class":315},[294,3815,3816,3818],{"class":296,"line":319},[294,3817,322],{"class":307},[294,3819,325],{"class":311},[294,3821,3822,3824,3826],{"class":296,"line":328},[294,3823,331],{"class":307},[294,3825,312],{"class":311},[294,3827,337],{"class":336},[294,3829,3830,3832,3834],{"class":296,"line":340},[294,3831,343],{"class":307},[294,3833,312],{"class":311},[294,3835,348],{"class":315},[294,3837,3838,3840,3842],{"class":296,"line":351},[294,3839,354],{"class":307},[294,3841,312],{"class":311},[294,3843,359],{"class":336},[294,3845,3846],{"class":296,"line":362},[294,3847,366],{"emptyLinePlaceholder":365},[294,3849,3850,3852],{"class":296,"line":369},[294,3851,372],{"class":307},[294,3853,325],{"class":311},[294,3855,3856,3858],{"class":296,"line":377},[294,3857,380],{"class":307},[294,3859,325],{"class":311},[294,3861,3862,3864],{"class":296,"line":385},[294,3863,388],{"class":307},[294,3865,325],{"class":311},[294,3867,3868,3870,3872],{"class":296,"line":393},[294,3869,396],{"class":307},[294,3871,312],{"class":311},[294,3873,401],{"class":336},[294,3875,3876,3878,3880],{"class":296,"line":404},[294,3877,407],{"class":307},[294,3879,312],{"class":311},[294,3881,412],{"class":336},[294,3883,3884,3886],{"class":296,"line":415},[294,3885,418],{"class":307},[294,3887,325],{"class":311},[294,3889,3890,3892],{"class":296,"line":423},[294,3891,426],{"class":311},[294,3893,429],{"class":336},[294,3895,3896,3898],{"class":296,"line":432},[294,3897,435],{"class":307},[294,3899,325],{"class":311},[294,3901,3902,3904,3906],{"class":296,"line":440},[294,3903,443],{"class":307},[294,3905,312],{"class":311},[294,3907,448],{"class":315},[294,3909,3910,3912],{"class":296,"line":451},[294,3911,454],{"class":307},[294,3913,325],{"class":311},[294,3915,3916,3918],{"class":296,"line":459},[294,3917,462],{"class":307},[294,3919,325],{"class":311},[294,3921,3922,3924],{"class":296,"line":467},[294,3923,470],{"class":307},[294,3925,325],{"class":311},[294,3927,3928,3930,3932],{"class":296,"line":475},[294,3929,478],{"class":307},[294,3931,312],{"class":311},[294,3933,483],{"class":336},[294,3935,3936,3938],{"class":296,"line":486},[294,3937,489],{"class":307},[294,3939,325],{"class":311},[294,3941,3942,3944],{"class":296,"line":494},[294,3943,497],{"class":336},[294,3945,325],{"class":311},[294,3947,3948,3950,3952],{"class":296,"line":502},[294,3949,505],{"class":307},[294,3951,312],{"class":311},[294,3953,510],{"class":336},[294,3955,3956,3958],{"class":296,"line":513},[294,3957,516],{"class":307},[294,3959,325],{"class":311},[294,3961,3962,3964],{"class":296,"line":521},[294,3963,524],{"class":307},[294,3965,325],{"class":311},[294,3967,3968,3970],{"class":296,"line":529},[294,3969,532],{"class":307},[294,3971,325],{"class":311},[294,3973,3974,3976,3978],{"class":296,"line":537},[294,3975,540],{"class":307},[294,3977,312],{"class":311},[294,3979,545],{"class":336},[294,3981,3982,3984],{"class":296,"line":548},[294,3983,551],{"class":336},[294,3985,325],{"class":311},[294,3987,3988,3990,3992],{"class":296,"line":556},[294,3989,505],{"class":307},[294,3991,312],{"class":311},[294,3993,563],{"class":336},[294,3995,3996,3998],{"class":296,"line":566},[294,3997,516],{"class":307},[294,3999,325],{"class":311},[294,4001,4002,4004],{"class":296,"line":573},[294,4003,524],{"class":307},[294,4005,325],{"class":311},[294,4007,4008,4010],{"class":296,"line":580},[294,4009,532],{"class":307},[294,4011,325],{"class":311},[294,4013,4014,4016,4018],{"class":296,"line":587},[294,4015,540],{"class":307},[294,4017,312],{"class":311},[294,4019,594],{"class":336},[294,4021,4022,4024],{"class":296,"line":597},[294,4023,600],{"class":336},[294,4025,325],{"class":311},[294,4027,4028,4030,4032],{"class":296,"line":605},[294,4029,505],{"class":307},[294,4031,312],{"class":311},[294,4033,612],{"class":336},[294,4035,4036,4038],{"class":296,"line":615},[294,4037,516],{"class":307},[294,4039,325],{"class":311},[294,4041,4042,4044],{"class":296,"line":622},[294,4043,524],{"class":307},[294,4045,325],{"class":311},[294,4047,4048,4050],{"class":296,"line":629},[294,4049,532],{"class":307},[294,4051,325],{"class":311},[294,4053,4054,4056,4058],{"class":296,"line":636},[294,4055,540],{"class":307},[294,4057,312],{"class":311},[294,4059,643],{"class":336},[294,4061,4062],{"class":296,"line":646},[294,4063,366],{"emptyLinePlaceholder":365},[294,4065,4066,4068],{"class":296,"line":651},[294,4067,654],{"class":307},[294,4069,325],{"class":311},[294,4071,4072,4074],{"class":296,"line":659},[294,4073,662],{"class":307},[294,4075,325],{"class":311},[294,4077,4078,4080],{"class":296,"line":667},[294,4079,670],{"class":307},[294,4081,325],{"class":311},[294,4083,4084,4086,4088],{"class":296,"line":675},[294,4085,678],{"class":307},[294,4087,312],{"class":311},[294,4089,683],{"class":336},[294,4091,4092,4094],{"class":296,"line":686},[294,4093,689],{"class":307},[294,4095,325],{"class":311},[294,4097,4098,4100],{"class":296,"line":694},[294,4099,426],{"class":311},[294,4101,699],{"class":336},[294,4103,4104,4106],{"class":296,"line":702},[294,4105,426],{"class":311},[294,4107,707],{"class":336},[294,4109,4110,4112],{"class":296,"line":710},[294,4111,426],{"class":311},[294,4113,715],{"class":336},[294,4115,4116,4118],{"class":296,"line":718},[294,4117,426],{"class":311},[294,4119,723],{"class":336},[294,4121,4122,4124],{"class":296,"line":726},[294,4123,729],{"class":307},[294,4125,325],{"class":311},[294,4127,4128,4130],{"class":296,"line":734},[294,4129,737],{"class":307},[294,4131,325],{"class":311},[294,4133,4134,4136,4138],{"class":296,"line":742},[294,4135,745],{"class":307},[294,4137,312],{"class":311},[294,4139,750],{"class":336},[294,4141,4142,4144],{"class":296,"line":753},[294,4143,756],{"class":307},[294,4145,325],{"class":311},[294,4147,4148,4150],{"class":296,"line":761},[294,4149,764],{"class":311},[294,4151,767],{"class":336},[294,4153,4154,4156],{"class":296,"line":770},[294,4155,764],{"class":311},[294,4157,775],{"class":336},[294,4159,4160,4162],{"class":296,"line":778},[294,4161,764],{"class":311},[294,4163,783],{"class":336},[294,4165,4166,4168],{"class":296,"line":786},[294,4167,789],{"class":307},[294,4169,325],{"class":311},[294,4171,4172,4174,4176],{"class":296,"line":794},[294,4173,745],{"class":307},[294,4175,312],{"class":311},[294,4177,750],{"class":336},[294,4179,4180,4182,4184],{"class":296,"line":803},[294,4181,806],{"class":307},[294,4183,312],{"class":311},[294,4185,811],{"class":336},[294,4187,4188,4190,4192],{"class":296,"line":814},[294,4189,505],{"class":307},[294,4191,312],{"class":311},[294,4193,821],{"class":336},[294,4195,4196,4198],{"class":296,"line":824},[294,4197,827],{"class":307},[294,4199,325],{"class":311},[294,4201,4202,4204,4206],{"class":296,"line":832},[294,4203,745],{"class":307},[294,4205,312],{"class":311},[294,4207,750],{"class":336},[294,4209,4210,4212,4214],{"class":296,"line":841},[294,4211,844],{"class":307},[294,4213,312],{"class":311},[294,4215,849],{"class":315},[294,4217,4218,4220,4222],{"class":296,"line":852},[294,4219,855],{"class":307},[294,4221,312],{"class":311},[294,4223,860],{"class":315},[294,4225,4226,4228],{"class":296,"line":863},[294,4227,866],{"class":307},[294,4229,325],{"class":311},[294,4231,4232,4234,4236],{"class":296,"line":871},[294,4233,745],{"class":307},[294,4235,312],{"class":311},[294,4237,750],{"class":336},[294,4239,4240,4242,4244],{"class":296,"line":880},[294,4241,806],{"class":307},[294,4243,312],{"class":311},[294,4245,887],{"class":336},[294,4247,4248,4250],{"class":296,"line":890},[294,4249,893],{"class":307},[294,4251,325],{"class":311},[294,4253,4254,4256,4258],{"class":296,"line":898},[294,4255,745],{"class":307},[294,4257,312],{"class":311},[294,4259,750],{"class":336},[294,4261,4262,4264,4266],{"class":296,"line":907},[294,4263,855],{"class":307},[294,4265,312],{"class":311},[294,4267,914],{"class":315},[294,4269,4270],{"class":296,"line":917},[294,4271,366],{"emptyLinePlaceholder":365},[294,4273,4274,4276],{"class":296,"line":922},[294,4275,925],{"class":307},[294,4277,325],{"class":311},[294,4279,4280,4282,4284],{"class":296,"line":930},[294,4281,678],{"class":307},[294,4283,312],{"class":311},[294,4285,683],{"class":336},[294,4287,4288,4290],{"class":296,"line":939},[294,4289,729],{"class":307},[294,4291,325],{"class":311},[294,4293,4294,4296],{"class":296,"line":946},[294,4295,949],{"class":307},[294,4297,325],{"class":311},[294,4299,4300,4302,4304],{"class":296,"line":954},[294,4301,745],{"class":307},[294,4303,312],{"class":311},[294,4305,750],{"class":336},[294,4307,4308,4310,4312],{"class":296,"line":963},[294,4309,806],{"class":307},[294,4311,312],{"class":311},[294,4313,970],{"class":336},[294,4315,4316,4318],{"class":296,"line":973},[294,4317,976],{"class":307},[294,4319,325],{"class":311},[294,4321,4322,4324,4326],{"class":296,"line":981},[294,4323,745],{"class":307},[294,4325,312],{"class":311},[294,4327,750],{"class":336},[294,4329,4330,4332],{"class":296,"line":990},[294,4331,756],{"class":307},[294,4333,325],{"class":311},[294,4335,4336,4338],{"class":296,"line":997},[294,4337,764],{"class":311},[294,4339,1002],{"class":336},[294,4341,4342,4344],{"class":296,"line":1005},[294,4343,764],{"class":311},[294,4345,1010],{"class":336},[294,4347,4348,4350],{"class":296,"line":1013},[294,4349,764],{"class":311},[294,4351,1018],{"class":336},[294,4353,4354,4356],{"class":296,"line":1021},[294,4355,737],{"class":307},[294,4357,325],{"class":311},[294,4359,4360,4362,4364],{"class":296,"line":1028},[294,4361,745],{"class":307},[294,4363,312],{"class":311},[294,4365,750],{"class":336},[294,4367,4368,4370],{"class":296,"line":1037},[294,4369,789],{"class":307},[294,4371,325],{"class":311},[294,4373,4374,4376,4378],{"class":296,"line":1044},[294,4375,745],{"class":307},[294,4377,312],{"class":311},[294,4379,750],{"class":336},[294,4381,4382,4384,4386],{"class":296,"line":1053},[294,4383,806],{"class":307},[294,4385,312],{"class":311},[294,4387,811],{"class":336},[294,4389,4390,4392],{"class":296,"line":1062},[294,4391,1065],{"class":307},[294,4393,325],{"class":311},[294,4395,4396,4398,4400],{"class":296,"line":1070},[294,4397,745],{"class":307},[294,4399,312],{"class":311},[294,4401,750],{"class":336},[294,4403,4404,4406,4408],{"class":296,"line":1079},[294,4405,806],{"class":307},[294,4407,312],{"class":311},[294,4409,811],{"class":336},[19,4411,1088],{},[79,4413,1092],{"id":1091},[19,4415,1095],{},[284,4417,4418],{"className":1098,"code":1099,"language":1100,"meta":289,"style":289},[291,4419,4420,4424,4438,4442,4446,4450],{"__ignoreMap":289},[294,4421,4422],{"class":296,"line":297},[294,4423,1107],{"class":300},[294,4425,4426,4428,4430,4432,4434,4436],{"class":296,"line":304},[294,4427,1113],{"class":1112},[294,4429,1116],{"class":336},[294,4431,1119],{"class":336},[294,4433,1122],{"class":336},[294,4435,1125],{"class":315},[294,4437,1128],{"class":315},[294,4439,4440],{"class":296,"line":319},[294,4441,366],{"emptyLinePlaceholder":365},[294,4443,4444],{"class":296,"line":328},[294,4445,1137],{"class":300},[294,4447,4448],{"class":296,"line":340},[294,4449,1142],{"class":300},[294,4451,4452,4454,4456,4458,4460],{"class":296,"line":351},[294,4453,1113],{"class":1112},[294,4455,1149],{"class":336},[294,4457,1122],{"class":336},[294,4459,1154],{"class":315},[294,4461,1157],{"class":336},[19,4463,1160],{},[1162,4465,4466],{"type":1164},[19,4467,1167,4468,1171],{},[291,4469,1170],{},[79,4471,1175],{"id":1174},[19,4473,1178],{},[284,4475,4476],{"className":1181,"code":1182,"language":1183,"meta":289,"style":289},[291,4477,4478,4482,4494,4498,4512,4520,4528,4532,4536,4550,4568,4574,4582,4594,4606,4630,4634,4650,4658,4666,4674,4682,4690,4694,4698,4718,4726,4738,4746,4754,4762,4766,4770,4790,4804,4812,4820,4828,4836,4840,4854,4858,4862],{"__ignoreMap":289},[294,4479,4480],{"class":296,"line":297},[294,4481,1190],{"class":300},[294,4483,4484,4486,4488,4490,4492],{"class":296,"line":304},[294,4485,1196],{"class":1195},[294,4487,1199],{"class":311},[294,4489,1202],{"class":1195},[294,4491,1205],{"class":336},[294,4493,1208],{"class":311},[294,4495,4496],{"class":296,"line":319},[294,4497,366],{"emptyLinePlaceholder":365},[294,4499,4500,4502,4504,4506,4508,4510],{"class":296,"line":328},[294,4501,1217],{"class":1195},[294,4503,1220],{"class":315},[294,4505,1223],{"class":1195},[294,4507,1226],{"class":1195},[294,4509,1229],{"class":1112},[294,4511,1232],{"class":311},[294,4513,4514,4516,4518],{"class":296,"line":340},[294,4515,1237],{"class":311},[294,4517,1240],{"class":336},[294,4519,1243],{"class":311},[294,4521,4522,4524,4526],{"class":296,"line":351},[294,4523,1248],{"class":311},[294,4525,1251],{"class":336},[294,4527,1243],{"class":311},[294,4529,4530],{"class":296,"line":362},[294,4531,1258],{"class":311},[294,4533,4534],{"class":296,"line":369},[294,4535,366],{"emptyLinePlaceholder":365},[294,4537,4538,4540,4542,4544,4546,4548],{"class":296,"line":377},[294,4539,1267],{"class":1112},[294,4541,1270],{"class":311},[294,4543,1273],{"class":336},[294,4545,1276],{"class":311},[294,4547,1279],{"class":1195},[294,4549,1282],{"class":311},[294,4551,4552,4554,4556,4558,4560,4562,4564,4566],{"class":296,"line":385},[294,4553,1287],{"class":1112},[294,4555,1270],{"class":311},[294,4557,1292],{"class":336},[294,4559,1295],{"class":311},[294,4561,1298],{"class":1195},[294,4563,1301],{"class":311},[294,4565,1279],{"class":1195},[294,4567,1282],{"class":311},[294,4569,4570,4572],{"class":296,"line":393},[294,4571,1310],{"class":1195},[294,4573,1313],{"class":311},[294,4575,4576,4578,4580],{"class":296,"line":404},[294,4577,1318],{"class":311},[294,4579,1321],{"class":1112},[294,4581,1324],{"class":311},[294,4583,4584,4586,4588,4590,4592],{"class":296,"line":415},[294,4585,1318],{"class":311},[294,4587,1331],{"class":1112},[294,4589,1270],{"class":311},[294,4591,1336],{"class":336},[294,4593,1339],{"class":311},[294,4595,4596,4598,4600,4602,4604],{"class":296,"line":423},[294,4597,1318],{"class":311},[294,4599,1346],{"class":1112},[294,4601,1270],{"class":311},[294,4603,1351],{"class":336},[294,4605,1339],{"class":311},[294,4607,4608,4610,4612,4614,4616,4618,4620,4622,4624,4626,4628],{"class":296,"line":432},[294,4609,1318],{"class":311},[294,4611,1360],{"class":1112},[294,4613,1270],{"class":311},[294,4615,1365],{"class":336},[294,4617,1295],{"class":311},[294,4619,1370],{"class":336},[294,4621,1373],{"class":311},[294,4623,1377],{"class":1376},[294,4625,1380],{"class":311},[294,4627,1279],{"class":1195},[294,4629,1282],{"class":311},[294,4631,4632],{"class":296,"line":440},[294,4633,1389],{"class":311},[294,4635,4636,4638,4640,4642,4644,4646,4648],{"class":296,"line":451},[294,4637,1394],{"class":311},[294,4639,1397],{"class":1112},[294,4641,1400],{"class":311},[294,4643,1403],{"class":336},[294,4645,312],{"class":311},[294,4647,1408],{"class":336},[294,4649,1411],{"class":311},[294,4651,4652,4654,4656],{"class":296,"line":459},[294,4653,1394],{"class":311},[294,4655,1418],{"class":1112},[294,4657,1232],{"class":311},[294,4659,4660,4662,4664],{"class":296,"line":467},[294,4661,1425],{"class":311},[294,4663,1428],{"class":336},[294,4665,1243],{"class":311},[294,4667,4668,4670,4672],{"class":296,"line":475},[294,4669,1435],{"class":311},[294,4671,1438],{"class":336},[294,4673,1243],{"class":311},[294,4675,4676,4678,4680],{"class":296,"line":486},[294,4677,1445],{"class":311},[294,4679,1448],{"class":336},[294,4681,1243],{"class":311},[294,4683,4684,4686,4688],{"class":296,"line":494},[294,4685,1455],{"class":311},[294,4687,1458],{"class":336},[294,4689,1243],{"class":311},[294,4691,4692],{"class":296,"line":502},[294,4693,1465],{"class":311},[294,4695,4696],{"class":296,"line":513},[294,4697,1470],{"class":311},[294,4699,4700,4702,4704,4706,4708,4710,4712,4714,4716],{"class":296,"line":521},[294,4701,1318],{"class":311},[294,4703,1477],{"class":1112},[294,4705,1270],{"class":311},[294,4707,1482],{"class":315},[294,4709,1373],{"class":311},[294,4711,1377],{"class":1376},[294,4713,1380],{"class":311},[294,4715,1279],{"class":1195},[294,4717,1282],{"class":311},[294,4719,4720,4722,4724],{"class":296,"line":529},[294,4721,1497],{"class":311},[294,4723,1418],{"class":1112},[294,4725,1232],{"class":311},[294,4727,4728,4730,4732,4734,4736],{"class":296,"line":537},[294,4729,1506],{"class":311},[294,4731,1509],{"class":1112},[294,4733,1270],{"class":311},[294,4735,1514],{"class":336},[294,4737,1517],{"class":311},[294,4739,4740,4742,4744],{"class":296,"line":548},[294,4741,1522],{"class":311},[294,4743,1525],{"class":336},[294,4745,1243],{"class":311},[294,4747,4748,4750,4752],{"class":296,"line":556},[294,4749,1532],{"class":311},[294,4751,1428],{"class":336},[294,4753,1243],{"class":311},[294,4755,4756,4758,4760],{"class":296,"line":566},[294,4757,1541],{"class":311},[294,4759,1438],{"class":336},[294,4761,1243],{"class":311},[294,4763,4764],{"class":296,"line":573},[294,4765,1550],{"class":311},[294,4767,4768],{"class":296,"line":580},[294,4769,1470],{"class":311},[294,4771,4772,4774,4776,4778,4780,4782,4784,4786,4788],{"class":296,"line":587},[294,4773,1318],{"class":311},[294,4775,1561],{"class":1112},[294,4777,1270],{"class":311},[294,4779,1298],{"class":1195},[294,4781,1568],{"class":311},[294,4783,1571],{"class":1376},[294,4785,1380],{"class":311},[294,4787,1279],{"class":1195},[294,4789,1282],{"class":311},[294,4791,4792,4794,4796,4798,4800,4802],{"class":296,"line":597},[294,4793,1582],{"class":1195},[294,4795,1585],{"class":315},[294,4797,1223],{"class":1195},[294,4799,1590],{"class":1195},[294,4801,1593],{"class":1112},[294,4803,1596],{"class":311},[294,4805,4806,4808,4810],{"class":296,"line":605},[294,4807,1532],{"class":311},[294,4809,1428],{"class":336},[294,4811,1243],{"class":311},[294,4813,4814,4816,4818],{"class":296,"line":615},[294,4815,1541],{"class":311},[294,4817,1438],{"class":336},[294,4819,1243],{"class":311},[294,4821,4822,4824,4826],{"class":296,"line":622},[294,4823,1617],{"class":311},[294,4825,1448],{"class":336},[294,4827,1243],{"class":311},[294,4829,4830,4832,4834],{"class":296,"line":629},[294,4831,1626],{"class":311},[294,4833,1458],{"class":336},[294,4835,1243],{"class":311},[294,4837,4838],{"class":296,"line":636},[294,4839,1550],{"class":311},[294,4841,4842,4844,4846,4848,4850,4852],{"class":296,"line":646},[294,4843,1639],{"class":1112},[294,4845,1642],{"class":311},[294,4847,1645],{"class":1112},[294,4849,1270],{"class":311},[294,4851,1525],{"class":336},[294,4853,1652],{"class":311},[294,4855,4856],{"class":296,"line":651},[294,4857,1657],{"class":311},[294,4859,4860],{"class":296,"line":659},[294,4861,1662],{"class":311},[294,4863,4864],{"class":296,"line":667},[294,4865,1258],{"class":311},[19,4867,1669],{},[79,4869,1673],{"id":1672},[19,4871,1676],{},[19,4873,4874,1568,4876,1295,4878,1688],{},[23,4875,1681],{},[291,4877,1684],{},[291,4879,1687],{},[19,4881,4882,1568,4884,1697],{},[23,4883,1693],{},[291,4885,1696],{},[19,4887,4888,1568,4890,1706],{},[23,4889,1702],{},[291,4891,1705],{},[19,4893,1709],{},[1711,4895,4896,4898,4900,4902],{},[50,4897,1715],{},[50,4899,1718],{},[50,4901,1721],{},[50,4903,1724],{},[79,4905,1728],{"id":1727},[19,4907,1731],{},[284,4909,4910],{"className":1181,"code":1734,"language":1183,"meta":289,"style":289},[291,4911,4912,4916,4928,4932,4944,4958,4968,4990,5008,5024,5032,5040,5052,5056,5060],{"__ignoreMap":289},[294,4913,4914],{"class":296,"line":297},[294,4915,1741],{"class":300},[294,4917,4918,4920,4922,4924,4926],{"class":296,"line":304},[294,4919,1196],{"class":1195},[294,4921,1748],{"class":311},[294,4923,1202],{"class":1195},[294,4925,1753],{"class":336},[294,4927,1208],{"class":311},[294,4929,4930],{"class":296,"line":319},[294,4931,366],{"emptyLinePlaceholder":365},[294,4933,4934,4936,4938,4940,4942],{"class":296,"line":328},[294,4935,1217],{"class":1195},[294,4937,1766],{"class":315},[294,4939,1223],{"class":1195},[294,4941,1771],{"class":1112},[294,4943,1232],{"class":311},[294,4945,4946,4948,4950,4952,4954,4956],{"class":296,"line":340},[294,4947,1778],{"class":311},[294,4949,1781],{"class":315},[294,4951,1784],{"class":1195},[294,4953,1787],{"class":315},[294,4955,1295],{"class":311},[294,4957,1792],{"class":300},[294,4959,4960,4962,4964,4966],{"class":296,"line":351},[294,4961,1797],{"class":311},[294,4963,1800],{"class":315},[294,4965,1803],{"class":311},[294,4967,1806],{"class":300},[294,4969,4970,4972,4974,4976,4978,4980,4982,4984,4986,4988],{"class":296,"line":362},[294,4971,1811],{"class":1112},[294,4973,1814],{"class":311},[294,4975,1817],{"class":1376},[294,4977,1380],{"class":311},[294,4979,1279],{"class":1195},[294,4981,1824],{"class":311},[294,4983,1827],{"class":336},[294,4985,1830],{"class":311},[294,4987,1833],{"class":1195},[294,4989,1836],{"class":311},[294,4991,4992,4994,4996,4998,5000,5002,5004,5006],{"class":296,"line":369},[294,4993,1841],{"class":1112},[294,4995,1814],{"class":311},[294,4997,1817],{"class":1376},[294,4999,1295],{"class":311},[294,5001,1850],{"class":1376},[294,5003,1380],{"class":311},[294,5005,1279],{"class":1195},[294,5007,1282],{"class":311},[294,5009,5010,5012,5014,5016,5018,5020,5022],{"class":296,"line":377},[294,5011,1861],{"class":311},[294,5013,1864],{"class":1112},[294,5015,1270],{"class":311},[294,5017,1869],{"class":315},[294,5019,1872],{"class":311},[294,5021,1875],{"class":1112},[294,5023,1232],{"class":311},[294,5025,5026,5028,5030],{"class":296,"line":385},[294,5027,1882],{"class":311},[294,5029,1885],{"class":336},[294,5031,1243],{"class":311},[294,5033,5034,5036,5038],{"class":296,"line":393},[294,5035,1892],{"class":311},[294,5037,1895],{"class":336},[294,5039,1243],{"class":311},[294,5041,5042,5044,5046,5048,5050],{"class":296,"line":404},[294,5043,1902],{"class":311},[294,5045,1905],{"class":1112},[294,5047,1270],{"class":311},[294,5049,1910],{"class":336},[294,5051,1517],{"class":311},[294,5053,5054],{"class":296,"line":415},[294,5055,1917],{"class":311},[294,5057,5058],{"class":296,"line":423},[294,5059,1922],{"class":311},[294,5061,5062],{"class":296,"line":432},[294,5063,1258],{"class":311},[19,5065,1929],{},[1711,5067,5068,5072,5076],{},[50,5069,5070,1937],{},[23,5071,1936],{},[50,5073,5074,1943],{},[23,5075,1942],{},[50,5077,5078,1949],{},[23,5079,1948],{},[1162,5081,5082],{"type":322},[19,5083,1954],{},[14,5085,1958],{"id":1957},[19,5087,1961],{},[79,5089,1965],{"id":1964},[1711,5091,5092,5096,5100,5104,5108,5112,5116],{},[50,5093,5094,1973],{},[23,5095,1972],{},[50,5097,5098,1979],{},[23,5099,1978],{},[50,5101,5102,1985],{},[23,5103,1984],{},[50,5105,5106,1991],{},[23,5107,1990],{},[50,5109,5110,1997],{},[23,5111,1996],{},[50,5113,5114,2003],{},[23,5115,2002],{},[50,5117,5118,2009],{},[23,5119,2008],{},[19,5121,2012,5122,2017],{},[230,5123,2016],{"href":2015},[14,5125,2021],{"id":2020},[19,5127,2024],{},[79,5129,2028],{"id":2027},[19,5131,2031],{},[79,5133,2035],{"id":2034},[19,5135,2038,5136,2042,5138,2046,5140,2050],{},[291,5137,2041],{},[291,5139,2045],{},[291,5141,2049],{},[79,5143,2054],{"id":2053},[19,5145,2057],{},[284,5147,5148],{"className":1181,"code":2060,"language":1183,"meta":289,"style":289},[291,5149,5150,5154,5166,5176,5184,5198,5208,5218,5222,5226,5230],{"__ignoreMap":289},[294,5151,5152],{"class":296,"line":297},[294,5153,2067],{"class":300},[294,5155,5156,5158,5160,5162,5164],{"class":296,"line":304},[294,5157,2072],{"class":1195},[294,5159,2075],{"class":1112},[294,5161,2078],{"class":311},[294,5163,2081],{"class":1112},[294,5165,2084],{"class":311},[294,5167,5168,5170,5172,5174],{"class":296,"line":319},[294,5169,2089],{"class":1376},[294,5171,2092],{"class":1195},[294,5173,2095],{"class":1112},[294,5175,2098],{"class":311},[294,5177,5178,5180,5182],{"class":296,"line":328},[294,5179,2103],{"class":1376},[294,5181,2092],{"class":1195},[294,5183,1282],{"class":311},[294,5185,5186,5188,5190,5192,5194,5196],{"class":296,"line":340},[294,5187,2112],{"class":1376},[294,5189,2092],{"class":1195},[294,5191,2117],{"class":315},[294,5193,2120],{"class":1195},[294,5195,2123],{"class":315},[294,5197,1208],{"class":311},[294,5199,5200,5202,5204,5206],{"class":296,"line":351},[294,5201,2130],{"class":1376},[294,5203,2092],{"class":1195},[294,5205,2135],{"class":315},[294,5207,1208],{"class":311},[294,5209,5210,5212,5214,5216],{"class":296,"line":362},[294,5211,2142],{"class":1376},[294,5213,2092],{"class":1195},[294,5215,2147],{"class":315},[294,5217,1208],{"class":311},[294,5219,5220],{"class":296,"line":369},[294,5221,2154],{"class":311},[294,5223,5224],{"class":296,"line":377},[294,5225,2159],{"class":311},[294,5227,5228],{"class":296,"line":385},[294,5229,366],{"emptyLinePlaceholder":365},[294,5231,5232],{"class":296,"line":393},[294,5233,2168],{"class":300},[19,5235,2171],{},[79,5237,2175],{"id":2174},[19,5239,2178,5240,2183],{},[2180,5241,2182],{},[79,5243,2187],{"id":2186},[19,5245,2190,5246,2194],{},[291,5247,2193],{},[284,5249,5250],{"className":2197,"code":2198,"language":1875,"meta":289,"style":289},[291,5251,5252,5256,5262,5272,5282,5288,5298,5304,5310,5316,5320,5324,5328,5332],{"__ignoreMap":289},[294,5253,5254],{"class":296,"line":297},[294,5255,2205],{"class":311},[294,5257,5258,5260],{"class":296,"line":304},[294,5259,2210],{"class":315},[294,5261,2213],{"class":311},[294,5263,5264,5266,5268,5270],{"class":296,"line":319},[294,5265,2218],{"class":315},[294,5267,312],{"class":311},[294,5269,2223],{"class":336},[294,5271,1243],{"class":311},[294,5273,5274,5276,5278,5280],{"class":296,"line":328},[294,5275,2230],{"class":315},[294,5277,312],{"class":311},[294,5279,2235],{"class":336},[294,5281,1243],{"class":311},[294,5283,5284,5286],{"class":296,"line":340},[294,5285,2242],{"class":315},[294,5287,2213],{"class":311},[294,5289,5290,5292,5294,5296],{"class":296,"line":351},[294,5291,2249],{"class":315},[294,5293,312],{"class":311},[294,5295,2254],{"class":336},[294,5297,1243],{"class":311},[294,5299,5300,5302],{"class":296,"line":362},[294,5301,2261],{"class":315},[294,5303,2264],{"class":311},[294,5305,5306,5308],{"class":296,"line":369},[294,5307,2269],{"class":336},[294,5309,1243],{"class":311},[294,5311,5312,5314],{"class":296,"line":377},[294,5313,2276],{"class":336},[294,5315,1243],{"class":311},[294,5317,5318],{"class":296,"line":385},[294,5319,2283],{"class":336},[294,5321,5322],{"class":296,"line":393},[294,5323,2288],{"class":311},[294,5325,5326],{"class":296,"line":404},[294,5327,2293],{"class":311},[294,5329,5330],{"class":296,"line":415},[294,5331,2298],{"class":311},[294,5333,5334],{"class":296,"line":423},[294,5335,2159],{"class":311},[19,5337,2305],{},[14,5339,2309],{"id":2308},[19,5341,2312],{},[47,5343,5344,5348,5352,5356,5360],{},[50,5345,5346,2320],{},[23,5347,2319],{},[50,5349,5350,2326],{},[23,5351,2325],{},[50,5353,5354,2332],{},[23,5355,2331],{},[50,5357,5358,2338],{},[23,5359,2337],{},[50,5361,5362,2344],{},[23,5363,2343],{},[19,5365,2347],{},[19,5367,2350,5368,2355],{},[230,5369,2354],{"href":2353},[2357,5371],{},[19,5373,5374],{},[2180,5375,2363,5376,2368],{},[230,5377,2367],{"href":2366},[2370,5379,2372],{},{"title":289,"searchDepth":304,"depth":304,"links":5381},[5382,5383,5384,5389,5395,5402,5405,5412],{"id":16,"depth":304,"text":17},{"id":38,"depth":304,"text":39},{"id":73,"depth":304,"text":74,"children":5385},[5386,5387,5388],{"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":5390},[5391,5392,5393,5394],{"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":5396},[5397,5398,5399,5400,5401],{"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":5403},[5404],{"id":1964,"depth":319,"text":1965},{"id":2020,"depth":304,"text":2021,"children":5406},[5407,5408,5409,5410,5411],{"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],[5417,6340,7531],{"id":2423,"title":2424,"author":5418,"body":5419,"category":3613,"coverImage":2407,"date":3614,"description":3615,"extension":2410,"featured":365,"meta":6337,"navigation":365,"path":3617,"readingTime":3618,"seo":6338,"stem":3620,"tags":6339,"__hash__":3625},{"name":2426,"role":2427},{"type":11,"value":5420,"toc":6311},[5421,5423,5427,5429,5433,5435,5437,5439,5441,5443,5445,5447,5449,5451,5453,5455,5457,5475,5743,5747,5749,5751,5753,5755,5757,5759,5761,6029,6031,6033,6035,6085,6087,6091,6093,6095,6097,6099,6101,6105,6107,6109,6111,6113,6131,6133,6135,6137,6151,6153,6155,6157,6159,6169,6171,6173,6175,6197,6199,6201,6203,6265,6269,6275,6277,6279,6299,6301,6303,6309],[14,5422,2433],{"id":2432},[19,5424,2436,5425,2439],{},[23,5426,252],{},[19,5428,2442],{},[31,5430,5431],{},[19,5432,2447],{},[14,5434,2451],{"id":2450},[19,5436,2454],{},[79,5438,2458],{"id":2457},[19,5440,2461],{},[79,5442,2465],{"id":2464},[19,5444,2468],{},[79,5446,2472],{"id":2471},[19,5448,2475],{},[19,5450,2478],{},[79,5452,2482],{"id":2481},[19,5454,2485],{},[19,5456,2488],{},[47,5458,5459,5463,5467,5471],{},[50,5460,5461,2496],{},[23,5462,2495],{},[50,5464,5465,2502],{},[23,5466,2501],{},[50,5468,5469,2508],{},[23,5470,2507],{},[50,5472,5473,2514],{},[23,5474,2513],{},[284,5476,5477],{"className":1181,"code":2517,"language":1183,"meta":289,"style":289},[291,5478,5479,5483,5491,5501,5511,5521,5539,5543,5547,5557,5567,5577,5591,5605,5619,5623,5639,5651,5655,5659,5667,5671,5675,5681,5703,5719,5723,5727,5731,5735,5739],{"__ignoreMap":289},[294,5480,5481],{"class":296,"line":297},[294,5482,2524],{"class":300},[294,5484,5485,5487,5489],{"class":296,"line":304},[294,5486,2072],{"class":1195},[294,5488,2531],{"class":1112},[294,5490,1282],{"class":311},[294,5492,5493,5495,5497,5499],{"class":296,"line":319},[294,5494,2538],{"class":1376},[294,5496,2092],{"class":1195},[294,5498,2117],{"class":315},[294,5500,1208],{"class":311},[294,5502,5503,5505,5507,5509],{"class":296,"line":328},[294,5504,2549],{"class":1376},[294,5506,2092],{"class":1195},[294,5508,2117],{"class":315},[294,5510,1208],{"class":311},[294,5512,5513,5515,5517,5519],{"class":296,"line":340},[294,5514,2560],{"class":1376},[294,5516,2092],{"class":1195},[294,5518,2147],{"class":315},[294,5520,1208],{"class":311},[294,5522,5523,5525,5527,5529,5531,5533,5535,5537],{"class":296,"line":351},[294,5524,2571],{"class":1376},[294,5526,2092],{"class":1195},[294,5528,2576],{"class":1112},[294,5530,2078],{"class":311},[294,5532,2581],{"class":315},[294,5534,1295],{"class":311},[294,5536,2586],{"class":315},[294,5538,2589],{"class":311},[294,5540,5541],{"class":296,"line":362},[294,5542,2159],{"class":311},[294,5544,5545],{"class":296,"line":369},[294,5546,366],{"emptyLinePlaceholder":365},[294,5548,5549,5551,5553,5555],{"class":296,"line":377},[294,5550,1298],{"class":1195},[294,5552,2604],{"class":1195},[294,5554,2607],{"class":1112},[294,5556,2610],{"class":311},[294,5558,5559,5561,5563,5565],{"class":296,"line":385},[294,5560,2615],{"class":1376},[294,5562,2092],{"class":1195},[294,5564,2117],{"class":315},[294,5566,1243],{"class":311},[294,5568,5569,5571,5573,5575],{"class":296,"line":393},[294,5570,2626],{"class":1376},[294,5572,2092],{"class":1195},[294,5574,2117],{"class":315},[294,5576,1243],{"class":311},[294,5578,5579,5581,5583,5585,5587,5589],{"class":296,"line":404},[294,5580,2637],{"class":1376},[294,5582,2092],{"class":1195},[294,5584,2147],{"class":315},[294,5586,1223],{"class":1195},[294,5588,2646],{"class":315},[294,5590,1243],{"class":311},[294,5592,5593,5595,5597,5599,5601,5603],{"class":296,"line":415},[294,5594,2653],{"class":311},[294,5596,2092],{"class":1195},[294,5598,2658],{"class":1112},[294,5600,2078],{"class":311},[294,5602,2663],{"class":1112},[294,5604,2666],{"class":311},[294,5606,5607,5609,5611,5613,5615,5617],{"class":296,"line":423},[294,5608,2671],{"class":1195},[294,5610,2674],{"class":315},[294,5612,1223],{"class":1195},[294,5614,1590],{"class":1195},[294,5616,2681],{"class":1112},[294,5618,2684],{"class":311},[294,5620,5621],{"class":296,"line":432},[294,5622,366],{"emptyLinePlaceholder":365},[294,5624,5625,5627,5629,5631,5633,5635,5637],{"class":296,"line":440},[294,5626,2671],{"class":1195},[294,5628,2695],{"class":315},[294,5630,1223],{"class":1195},[294,5632,1590],{"class":1195},[294,5634,2702],{"class":311},[294,5636,2705],{"class":1112},[294,5638,1232],{"class":311},[294,5640,5641,5643,5645,5647,5649],{"class":296,"line":451},[294,5642,2712],{"class":311},[294,5644,2715],{"class":336},[294,5646,2718],{"class":311},[294,5648,2721],{"class":336},[294,5650,1243],{"class":311},[294,5652,5653],{"class":296,"line":459},[294,5654,2728],{"class":311},[294,5656,5657],{"class":296,"line":467},[294,5658,2733],{"class":311},[294,5660,5661,5663,5665],{"class":296,"line":475},[294,5662,2738],{"class":311},[294,5664,2741],{"class":315},[294,5666,2744],{"class":311},[294,5668,5669],{"class":296,"line":486},[294,5670,1662],{"class":311},[294,5672,5673],{"class":296,"line":494},[294,5674,366],{"emptyLinePlaceholder":365},[294,5676,5677,5679],{"class":296,"line":502},[294,5678,2757],{"class":1195},[294,5680,2760],{"class":311},[294,5682,5683,5685,5687,5689,5691,5693,5695,5697,5699,5701],{"class":296,"line":513},[294,5684,2765],{"class":311},[294,5686,2768],{"class":1112},[294,5688,2771],{"class":311},[294,5690,2774],{"class":1376},[294,5692,1380],{"class":311},[294,5694,1279],{"class":1195},[294,5696,2781],{"class":311},[294,5698,2784],{"class":1195},[294,5700,2787],{"class":315},[294,5702,1339],{"class":311},[294,5704,5705,5707,5709,5711,5713,5715,5717],{"class":296,"line":521},[294,5706,2765],{"class":311},[294,5708,2796],{"class":1112},[294,5710,2771],{"class":311},[294,5712,2774],{"class":1376},[294,5714,1380],{"class":311},[294,5716,1279],{"class":1195},[294,5718,2807],{"class":311},[294,5720,5721],{"class":296,"line":529},[294,5722,2812],{"class":311},[294,5724,5725],{"class":296,"line":537},[294,5726,2817],{"class":311},[294,5728,5729],{"class":296,"line":548},[294,5730,2822],{"class":311},[294,5732,5733],{"class":296,"line":556},[294,5734,2827],{"class":311},[294,5736,5737],{"class":296,"line":566},[294,5738,2832],{"class":311},[294,5740,5741],{"class":296,"line":573},[294,5742,2159],{"class":311},[1162,5744,5745],{"type":322},[19,5746,2841],{},[79,5748,2845],{"id":2844},[19,5750,2848],{},[19,5752,2851],{},[14,5754,2855],{"id":2854},[19,5756,2858],{},[79,5758,2862],{"id":2861},[19,5760,2865],{},[284,5762,5763],{"className":1181,"code":2868,"language":1183,"meta":289,"style":289},[291,5764,5765,5769,5779,5787,5791,5797,5801,5809,5813,5817,5825,5833,5853,5857,5861,5869,5877,5885,5889,5893,5901,5917,5925,5929,5933,5941,5949,5953,5957,5965,5973,5977,5981,5989,5997,6001,6005,6021,6025],{"__ignoreMap":289},[294,5766,5767],{"class":296,"line":297},[294,5768,2875],{"class":300},[294,5770,5771,5773,5775,5777],{"class":296,"line":304},[294,5772,1217],{"class":1195},[294,5774,2882],{"class":315},[294,5776,1223],{"class":1195},[294,5778,1282],{"class":311},[294,5780,5781,5783,5785],{"class":296,"line":319},[294,5782,2891],{"class":311},[294,5784,2894],{"class":336},[294,5786,1243],{"class":311},[294,5788,5789],{"class":296,"line":328},[294,5790,2901],{"class":311},[294,5792,5793,5795],{"class":296,"line":340},[294,5794,2906],{"class":336},[294,5796,1243],{"class":311},[294,5798,5799],{"class":296,"line":351},[294,5800,2913],{"class":311},[294,5802,5803,5805,5807],{"class":296,"line":362},[294,5804,2918],{"class":311},[294,5806,2921],{"class":336},[294,5808,1243],{"class":311},[294,5810,5811],{"class":296,"line":369},[294,5812,2928],{"class":311},[294,5814,5815],{"class":296,"line":377},[294,5816,2933],{"class":311},[294,5818,5819,5821,5823],{"class":296,"line":385},[294,5820,2938],{"class":311},[294,5822,2941],{"class":336},[294,5824,1243],{"class":311},[294,5826,5827,5829,5831],{"class":296,"line":393},[294,5828,2948],{"class":311},[294,5830,2951],{"class":336},[294,5832,1243],{"class":311},[294,5834,5835,5837,5839,5841,5843,5845,5847,5849,5851],{"class":296,"line":404},[294,5836,2958],{"class":311},[294,5838,1428],{"class":336},[294,5840,1295],{"class":311},[294,5842,2965],{"class":336},[294,5844,1295],{"class":311},[294,5846,2970],{"class":336},[294,5848,1295],{"class":311},[294,5850,2975],{"class":336},[294,5852,2978],{"class":311},[294,5854,5855],{"class":296,"line":415},[294,5856,2983],{"class":311},[294,5858,5859],{"class":296,"line":423},[294,5860,2988],{"class":311},[294,5862,5863,5865,5867],{"class":296,"line":432},[294,5864,2938],{"class":311},[294,5866,2941],{"class":336},[294,5868,1243],{"class":311},[294,5870,5871,5873,5875],{"class":296,"line":440},[294,5872,3001],{"class":311},[294,5874,3004],{"class":336},[294,5876,1243],{"class":311},[294,5878,5879,5881,5883],{"class":296,"line":451},[294,5880,2948],{"class":311},[294,5882,3013],{"class":336},[294,5884,1243],{"class":311},[294,5886,5887],{"class":296,"line":459},[294,5888,2983],{"class":311},[294,5890,5891],{"class":296,"line":467},[294,5892,3024],{"class":311},[294,5894,5895,5897,5899],{"class":296,"line":475},[294,5896,2938],{"class":311},[294,5898,2941],{"class":336},[294,5900,1243],{"class":311},[294,5902,5903,5905,5907,5909,5911,5913,5915],{"class":296,"line":486},[294,5904,2958],{"class":311},[294,5906,3039],{"class":336},[294,5908,1295],{"class":311},[294,5910,3044],{"class":336},[294,5912,1295],{"class":311},[294,5914,3049],{"class":336},[294,5916,2978],{"class":311},[294,5918,5919,5921,5923],{"class":296,"line":494},[294,5920,2948],{"class":311},[294,5922,3058],{"class":336},[294,5924,1243],{"class":311},[294,5926,5927],{"class":296,"line":502},[294,5928,2983],{"class":311},[294,5930,5931],{"class":296,"line":513},[294,5932,3069],{"class":311},[294,5934,5935,5937,5939],{"class":296,"line":521},[294,5936,2938],{"class":311},[294,5938,2941],{"class":336},[294,5940,1243],{"class":311},[294,5942,5943,5945,5947],{"class":296,"line":529},[294,5944,2948],{"class":311},[294,5946,3084],{"class":336},[294,5948,1243],{"class":311},[294,5950,5951],{"class":296,"line":537},[294,5952,2983],{"class":311},[294,5954,5955],{"class":296,"line":548},[294,5956,3095],{"class":311},[294,5958,5959,5961,5963],{"class":296,"line":556},[294,5960,2938],{"class":311},[294,5962,2941],{"class":336},[294,5964,1243],{"class":311},[294,5966,5967,5969,5971],{"class":296,"line":566},[294,5968,2948],{"class":311},[294,5970,3110],{"class":336},[294,5972,1243],{"class":311},[294,5974,5975],{"class":296,"line":573},[294,5976,2983],{"class":311},[294,5978,5979],{"class":296,"line":580},[294,5980,3121],{"class":311},[294,5982,5983,5985,5987],{"class":296,"line":587},[294,5984,2938],{"class":311},[294,5986,2941],{"class":336},[294,5988,1243],{"class":311},[294,5990,5991,5993,5995],{"class":296,"line":597},[294,5992,2948],{"class":311},[294,5994,3136],{"class":336},[294,5996,1243],{"class":311},[294,5998,5999],{"class":296,"line":605},[294,6000,2983],{"class":311},[294,6002,6003],{"class":296,"line":615},[294,6004,3147],{"class":311},[294,6006,6007,6009,6011,6013,6015,6017,6019],{"class":296,"line":622},[294,6008,3152],{"class":311},[294,6010,3155],{"class":336},[294,6012,1295],{"class":311},[294,6014,3160],{"class":336},[294,6016,1295],{"class":311},[294,6018,3165],{"class":336},[294,6020,2978],{"class":311},[294,6022,6023],{"class":296,"line":629},[294,6024,1922],{"class":311},[294,6026,6027],{"class":296,"line":636},[294,6028,3176],{"class":311},[79,6030,3180],{"id":3179},[19,6032,3183],{},[19,6034,3186],{},[47,6036,6037,6041,6047,6051,6055,6059,6063,6067,6071,6075,6081],{},[50,6038,6039,3194],{},[23,6040,3193],{},[50,6042,6043,3200,6045],{},[23,6044,3199],{},[291,6046,3203],{},[50,6048,6049,3209],{},[23,6050,3208],{},[50,6052,6053,3214],{},[23,6054,3199],{},[50,6056,6057,3219],{},[23,6058,3193],{},[50,6060,6061,3224],{},[23,6062,3199],{},[50,6064,6065,3229],{},[23,6066,3193],{},[50,6068,6069,3234],{},[23,6070,3199],{},[50,6072,6073,3239],{},[23,6074,3193],{},[50,6076,6077,3200,6079],{},[23,6078,3199],{},[291,6080,3246],{},[50,6082,6083,3251],{},[23,6084,3199],{},[19,6086,3254],{},[1162,6088,6089],{"type":1164},[19,6090,3259],{},[14,6092,3263],{"id":3262},[19,6094,3266],{},[79,6096,3270],{"id":3269},[19,6098,3273],{},[79,6100,3277],{"id":3276},[19,6102,3280,6103,3284],{},[230,6104,3283],{"href":2353},[14,6106,3288],{"id":3287},[19,6108,3291],{},[79,6110,3295],{"id":3294},[19,6112,3298],{},[1711,6114,6115,6119,6123,6127],{},[50,6116,6117,3306],{},[23,6118,3305],{},[50,6120,6121,3312],{},[23,6122,3311],{},[50,6124,6125,3318],{},[23,6126,3317],{},[50,6128,6129,3324],{},[23,6130,3323],{},[79,6132,3328],{"id":3327},[19,6134,3331],{},[19,6136,3334],{},[47,6138,6139,6143,6147],{},[50,6140,6141,3342],{},[23,6142,3341],{},[50,6144,6145,3348],{},[23,6146,3347],{},[50,6148,6149,3354],{},[23,6150,3353],{},[19,6152,3357],{},[79,6154,3361],{"id":3360},[19,6156,3364],{},[19,6158,3367],{},[1711,6160,6161,6163,6165,6167],{},[50,6162,3372],{},[50,6164,3375],{},[50,6166,3378],{},[50,6168,3381],{},[19,6170,3384],{},[79,6172,3388],{"id":3387},[19,6174,3391],{},[1711,6176,6177,6181,6185,6189,6193],{},[50,6178,6179,3399],{},[23,6180,3398],{},[50,6182,6183,3405],{},[23,6184,3404],{},[50,6186,6187,3411],{},[23,6188,3410],{},[50,6190,6191,3417],{},[23,6192,3416],{},[50,6194,6195,3423],{},[23,6196,3422],{},[19,6198,3426],{},[14,6200,3430],{"id":3429},[19,6202,3433],{},[124,6204,6205,6215],{},[127,6206,6207],{},[130,6208,6209,6211,6213],{},[133,6210,3442],{},[133,6212,3445],{},[133,6214,3448],{},[143,6216,6217,6225,6233,6241,6249,6257],{},[130,6218,6219,6221,6223],{},[148,6220,3455],{},[148,6222,3458],{},[148,6224,3461],{},[130,6226,6227,6229,6231],{},[148,6228,3466],{},[148,6230,3469],{},[148,6232,3472],{},[130,6234,6235,6237,6239],{},[148,6236,3477],{},[148,6238,3480],{},[148,6240,3483],{},[130,6242,6243,6245,6247],{},[148,6244,3488],{},[148,6246,3491],{},[148,6248,3494],{},[130,6250,6251,6253,6255],{},[148,6252,3499],{},[148,6254,3502],{},[148,6256,3505],{},[130,6258,6259,6261,6263],{},[148,6260,3510],{},[148,6262,3513],{},[148,6264,3516],{},[19,6266,3519,6267,3523],{},[230,6268,3522],{"href":251},[1162,6270,6271],{"type":322},[19,6272,3528,6273,3532],{},[2180,6274,3531],{},[14,6276,3536],{"id":3535},[19,6278,3539],{},[1711,6280,6281,6285,6289,6295],{},[50,6282,6283,3547],{},[23,6284,3546],{},[50,6286,6287,3553],{},[23,6288,3552],{},[50,6290,6291,3563],{},[23,6292,3558,6293],{},[230,6294,3562],{"href":3561},[50,6296,6297,3569],{},[23,6298,3568],{},[19,6300,3572],{},[2357,6302],{},[19,6304,6305],{},[2180,6306,3579,6307,3583],{},[230,6308,3582],{"href":2366},[2370,6310,3586],{},{"title":289,"searchDepth":304,"depth":304,"links":6312},[6313,6314,6321,6325,6329,6335,6336],{"id":2432,"depth":304,"text":2433},{"id":2450,"depth":304,"text":2451,"children":6315},[6316,6317,6318,6319,6320],{"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":6322},[6323,6324],{"id":2861,"depth":319,"text":2862},{"id":3179,"depth":319,"text":3180},{"id":3262,"depth":304,"text":3263,"children":6326},[6327,6328],{"id":3269,"depth":319,"text":3270},{"id":3276,"depth":319,"text":3277},{"id":3287,"depth":304,"text":3288,"children":6330},[6331,6332,6333,6334],{"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":6341,"title":6342,"author":6343,"body":6346,"category":7518,"coverImage":2407,"date":7519,"description":7520,"extension":2410,"featured":2411,"meta":7521,"navigation":365,"path":7522,"readingTime":7523,"seo":7524,"stem":7525,"tags":7526,"__hash__":7530},"blog/blog/cloud-native-architecture.md","Cloud-Native Architecture: Building for Global Scale",{"name":6344,"role":6345},"Kavinda Silva","Principal Architect",{"type":11,"value":6347,"toc":7507},[6348,6352,6355,6359,6363,6366,6753,7063,7067,7070,7073,7093,7098,7102,7105,7125,7130,7134,7137,7382,7388,7392,7395,7398,7424,7428,7431,7491,7494,7496,7504],[14,6349,6351],{"id":6350},"beyond-containers-true-cloud-native-thinking","Beyond Containers: True Cloud-Native Thinking",[19,6353,6354],{},"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,6356,6358],{"id":6357},"the-three-pillars-of-cloud-native-architecture","The Three Pillars of Cloud-Native Architecture",[79,6360,6362],{"id":6361},"_1-resilience-as-a-first-class-concern","1. Resilience as a First-Class Concern",[19,6364,6365],{},"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,6367,6371],{"className":6368,"code":6369,"language":6370,"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,6372,6373,6378,6391,6399,6413,6420,6432,6440,6453,6457,6461,6502,6512,6526,6545,6556,6566,6576,6584,6589,6593,6601,6605,6618,6626,6638,6642,6657,6665,6679,6692,6701,6705,6713,6717,6721,6731,6741,6749],{"__ignoreMap":289},[294,6374,6375],{"class":296,"line":297},[294,6376,6377],{"class":300},"// Circuit breaker pattern in Go\n",[294,6379,6380,6383,6386,6389],{"class":296,"line":304},[294,6381,6382],{"class":1195},"type",[294,6384,6385],{"class":1112}," CircuitBreaker",[294,6387,6388],{"class":1195}," struct",[294,6390,1282],{"class":311},[294,6392,6393,6396],{"class":296,"line":319},[294,6394,6395],{"class":311},"    maxFailures   ",[294,6397,6398],{"class":1195},"int\n",[294,6400,6401,6404,6407,6410],{"class":296,"line":328},[294,6402,6403],{"class":311},"    resetTimeout  ",[294,6405,6406],{"class":1112},"time",[294,6408,6409],{"class":311},".",[294,6411,6412],{"class":1112},"Duration\n",[294,6414,6415,6418],{"class":296,"line":340},[294,6416,6417],{"class":311},"    failures      ",[294,6419,6398],{"class":1195},[294,6421,6422,6425,6427,6429],{"class":296,"line":351},[294,6423,6424],{"class":311},"    lastFailure   ",[294,6426,6406],{"class":1112},[294,6428,6409],{"class":311},[294,6430,6431],{"class":1112},"Time\n",[294,6433,6434,6437],{"class":296,"line":362},[294,6435,6436],{"class":311},"    state         ",[294,6438,6439],{"class":1112},"State\n",[294,6441,6442,6445,6448,6450],{"class":296,"line":369},[294,6443,6444],{"class":311},"    mu            ",[294,6446,6447],{"class":1112},"sync",[294,6449,6409],{"class":311},[294,6451,6452],{"class":1112},"Mutex\n",[294,6454,6455],{"class":296,"line":377},[294,6456,2159],{"class":311},[294,6458,6459],{"class":296,"line":385},[294,6460,366],{"emptyLinePlaceholder":365},[294,6462,6463,6466,6468,6471,6474,6477,6479,6482,6484,6487,6490,6493,6496,6498,6500],{"class":296,"line":393},[294,6464,6465],{"class":1195},"func",[294,6467,1568],{"class":311},[294,6469,6470],{"class":1376},"cb ",[294,6472,6473],{"class":1195},"*",[294,6475,6476],{"class":1112},"CircuitBreaker",[294,6478,1380],{"class":311},[294,6480,6481],{"class":1112},"Execute",[294,6483,1270],{"class":311},[294,6485,6486],{"class":1376},"fn",[294,6488,6489],{"class":1195}," func",[294,6491,6492],{"class":311},"() ",[294,6494,6495],{"class":1195},"error",[294,6497,1380],{"class":311},[294,6499,6495],{"class":1195},[294,6501,1282],{"class":311},[294,6503,6504,6507,6510],{"class":296,"line":404},[294,6505,6506],{"class":311},"    cb.mu.",[294,6508,6509],{"class":1112},"Lock",[294,6511,1324],{"class":311},[294,6513,6514,6517,6520,6523],{"class":296,"line":415},[294,6515,6516],{"class":1195},"    if",[294,6518,6519],{"class":311}," cb.state ",[294,6521,6522],{"class":1195},"==",[294,6524,6525],{"class":311}," Open {\n",[294,6527,6528,6531,6534,6537,6540,6542],{"class":296,"line":423},[294,6529,6530],{"class":1195},"        if",[294,6532,6533],{"class":311}," time.",[294,6535,6536],{"class":1112},"Since",[294,6538,6539],{"class":311},"(cb.lastFailure) ",[294,6541,2784],{"class":1195},[294,6543,6544],{"class":311}," cb.resetTimeout {\n",[294,6546,6547,6550,6553],{"class":296,"line":432},[294,6548,6549],{"class":311},"            cb.state ",[294,6551,6552],{"class":1195},"=",[294,6554,6555],{"class":311}," HalfOpen\n",[294,6557,6558,6561,6564],{"class":296,"line":440},[294,6559,6560],{"class":311},"        } ",[294,6562,6563],{"class":1195},"else",[294,6565,1282],{"class":311},[294,6567,6568,6571,6574],{"class":296,"line":451},[294,6569,6570],{"class":311},"            cb.mu.",[294,6572,6573],{"class":1112},"Unlock",[294,6575,1324],{"class":311},[294,6577,6578,6581],{"class":296,"line":459},[294,6579,6580],{"class":1195},"            return",[294,6582,6583],{"class":311}," ErrCircuitOpen\n",[294,6585,6586],{"class":296,"line":467},[294,6587,6588],{"class":311},"        }\n",[294,6590,6591],{"class":296,"line":475},[294,6592,2293],{"class":311},[294,6594,6595,6597,6599],{"class":296,"line":486},[294,6596,6506],{"class":311},[294,6598,6573],{"class":1112},[294,6600,1324],{"class":311},[294,6602,6603],{"class":296,"line":494},[294,6604,366],{"emptyLinePlaceholder":365},[294,6606,6607,6610,6613,6616],{"class":296,"line":502},[294,6608,6609],{"class":311},"    err ",[294,6611,6612],{"class":1195},":=",[294,6614,6615],{"class":1112}," fn",[294,6617,1324],{"class":311},[294,6619,6620,6622,6624],{"class":296,"line":513},[294,6621,6506],{"class":311},[294,6623,6509],{"class":1112},[294,6625,1324],{"class":311},[294,6627,6628,6631,6634,6636],{"class":296,"line":521},[294,6629,6630],{"class":1195},"    defer",[294,6632,6633],{"class":311}," cb.mu.",[294,6635,6573],{"class":1112},[294,6637,1324],{"class":311},[294,6639,6640],{"class":296,"line":529},[294,6641,366],{"emptyLinePlaceholder":365},[294,6643,6644,6646,6649,6652,6655],{"class":296,"line":537},[294,6645,6516],{"class":1195},[294,6647,6648],{"class":311}," err ",[294,6650,6651],{"class":1195},"!=",[294,6653,6654],{"class":315}," nil",[294,6656,1282],{"class":311},[294,6658,6659,6662],{"class":296,"line":548},[294,6660,6661],{"class":311},"        cb.failures",[294,6663,6664],{"class":1195},"++\n",[294,6666,6667,6670,6672,6674,6677],{"class":296,"line":556},[294,6668,6669],{"class":311},"        cb.lastFailure ",[294,6671,6552],{"class":1195},[294,6673,6533],{"class":311},[294,6675,6676],{"class":1112},"Now",[294,6678,1324],{"class":311},[294,6680,6681,6683,6686,6689],{"class":296,"line":566},[294,6682,6530],{"class":1195},[294,6684,6685],{"class":311}," cb.failures ",[294,6687,6688],{"class":1195},">=",[294,6690,6691],{"class":311}," cb.maxFailures {\n",[294,6693,6694,6696,6698],{"class":296,"line":573},[294,6695,6549],{"class":311},[294,6697,6552],{"class":1195},[294,6699,6700],{"class":311}," Open\n",[294,6702,6703],{"class":296,"line":580},[294,6704,6588],{"class":311},[294,6706,6707,6710],{"class":296,"line":587},[294,6708,6709],{"class":1195},"        return",[294,6711,6712],{"class":311}," err\n",[294,6714,6715],{"class":296,"line":597},[294,6716,2293],{"class":311},[294,6718,6719],{"class":296,"line":605},[294,6720,366],{"emptyLinePlaceholder":365},[294,6722,6723,6726,6728],{"class":296,"line":615},[294,6724,6725],{"class":311},"    cb.failures ",[294,6727,6552],{"class":1195},[294,6729,6730],{"class":315}," 0\n",[294,6732,6733,6736,6738],{"class":296,"line":622},[294,6734,6735],{"class":311},"    cb.state ",[294,6737,6552],{"class":1195},[294,6739,6740],{"class":311}," Closed\n",[294,6742,6743,6746],{"class":296,"line":629},[294,6744,6745],{"class":1195},"    return",[294,6747,6748],{"class":315}," nil\n",[294,6750,6751],{"class":296,"line":636},[294,6752,2159],{"class":311},[284,6754,6756],{"className":286,"code":6755,"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,6757,6758,6763,6773,6783,6790,6800,6807,6817,6824,6834,6841,6851,6860,6867,6874,6881,6893,6903,6910,6917,6927,6937,6944,6953,6962,6969,6976,6986,6996,7006,7016,7023,7029,7038,7046,7055],{"__ignoreMap":289},[294,6759,6760],{"class":296,"line":297},[294,6761,6762],{"class":300},"# Kubernetes deployment with resilience patterns\n",[294,6764,6765,6768,6770],{"class":296,"line":304},[294,6766,6767],{"class":307},"apiVersion",[294,6769,312],{"class":311},[294,6771,6772],{"class":336},"apps/v1\n",[294,6774,6775,6778,6780],{"class":296,"line":319},[294,6776,6777],{"class":307},"kind",[294,6779,312],{"class":311},[294,6781,6782],{"class":336},"Deployment\n",[294,6784,6785,6788],{"class":296,"line":328},[294,6786,6787],{"class":307},"metadata",[294,6789,325],{"class":311},[294,6791,6792,6795,6797],{"class":296,"line":340},[294,6793,6794],{"class":307},"  name",[294,6796,312],{"class":311},[294,6798,6799],{"class":336},"payment-service\n",[294,6801,6802,6805],{"class":296,"line":351},[294,6803,6804],{"class":307},"spec",[294,6806,325],{"class":311},[294,6808,6809,6812,6814],{"class":296,"line":362},[294,6810,6811],{"class":307},"  replicas",[294,6813,312],{"class":311},[294,6815,6816],{"class":315},"3\n",[294,6818,6819,6822],{"class":296,"line":369},[294,6820,6821],{"class":307},"  strategy",[294,6823,325],{"class":311},[294,6825,6826,6829,6831],{"class":296,"line":377},[294,6827,6828],{"class":307},"    type",[294,6830,312],{"class":311},[294,6832,6833],{"class":336},"RollingUpdate\n",[294,6835,6836,6839],{"class":296,"line":385},[294,6837,6838],{"class":307},"    rollingUpdate",[294,6840,325],{"class":311},[294,6842,6843,6846,6848],{"class":296,"line":393},[294,6844,6845],{"class":307},"      maxUnavailable",[294,6847,312],{"class":311},[294,6849,6850],{"class":315},"1\n",[294,6852,6853,6856,6858],{"class":296,"line":404},[294,6854,6855],{"class":307},"      maxSurge",[294,6857,312],{"class":311},[294,6859,6850],{"class":315},[294,6861,6862,6865],{"class":296,"line":415},[294,6863,6864],{"class":307},"  template",[294,6866,325],{"class":311},[294,6868,6869,6872],{"class":296,"line":423},[294,6870,6871],{"class":307},"    spec",[294,6873,325],{"class":311},[294,6875,6876,6879],{"class":296,"line":432},[294,6877,6878],{"class":307},"      containers",[294,6880,325],{"class":311},[294,6882,6883,6885,6888,6890],{"class":296,"line":440},[294,6884,426],{"class":311},[294,6886,6887],{"class":307},"name",[294,6889,312],{"class":311},[294,6891,6892],{"class":336},"payment\n",[294,6894,6895,6898,6900],{"class":296,"line":451},[294,6896,6897],{"class":307},"          image",[294,6899,312],{"class":311},[294,6901,6902],{"class":336},"cnex/payment:v2.4.1\n",[294,6904,6905,6908],{"class":296,"line":459},[294,6906,6907],{"class":307},"          resources",[294,6909,325],{"class":311},[294,6911,6912,6915],{"class":296,"line":467},[294,6913,6914],{"class":307},"            requests",[294,6916,325],{"class":311},[294,6918,6919,6922,6924],{"class":296,"line":475},[294,6920,6921],{"class":307},"              memory",[294,6923,312],{"class":311},[294,6925,6926],{"class":336},"\"256Mi\"\n",[294,6928,6929,6932,6934],{"class":296,"line":486},[294,6930,6931],{"class":307},"              cpu",[294,6933,312],{"class":311},[294,6935,6936],{"class":336},"\"250m\"\n",[294,6938,6939,6942],{"class":296,"line":494},[294,6940,6941],{"class":307},"            limits",[294,6943,325],{"class":311},[294,6945,6946,6948,6950],{"class":296,"line":502},[294,6947,6921],{"class":307},[294,6949,312],{"class":311},[294,6951,6952],{"class":336},"\"512Mi\"\n",[294,6954,6955,6957,6959],{"class":296,"line":513},[294,6956,6931],{"class":307},[294,6958,312],{"class":311},[294,6960,6961],{"class":336},"\"500m\"\n",[294,6963,6964,6967],{"class":296,"line":521},[294,6965,6966],{"class":307},"          livenessProbe",[294,6968,325],{"class":311},[294,6970,6971,6974],{"class":296,"line":529},[294,6972,6973],{"class":307},"            httpGet",[294,6975,325],{"class":311},[294,6977,6978,6981,6983],{"class":296,"line":537},[294,6979,6980],{"class":307},"              path",[294,6982,312],{"class":311},[294,6984,6985],{"class":336},"/healthz\n",[294,6987,6988,6991,6993],{"class":296,"line":548},[294,6989,6990],{"class":307},"              port",[294,6992,312],{"class":311},[294,6994,6995],{"class":315},"8080\n",[294,6997,6998,7001,7003],{"class":296,"line":556},[294,6999,7000],{"class":307},"            initialDelaySeconds",[294,7002,312],{"class":311},[294,7004,7005],{"class":315},"15\n",[294,7007,7008,7011,7013],{"class":296,"line":566},[294,7009,7010],{"class":307},"            periodSeconds",[294,7012,312],{"class":311},[294,7014,7015],{"class":315},"10\n",[294,7017,7018,7021],{"class":296,"line":573},[294,7019,7020],{"class":307},"          readinessProbe",[294,7022,325],{"class":311},[294,7024,7025,7027],{"class":296,"line":580},[294,7026,6973],{"class":307},[294,7028,325],{"class":311},[294,7030,7031,7033,7035],{"class":296,"line":587},[294,7032,6980],{"class":307},[294,7034,312],{"class":311},[294,7036,7037],{"class":336},"/readyz\n",[294,7039,7040,7042,7044],{"class":296,"line":597},[294,7041,6990],{"class":307},[294,7043,312],{"class":311},[294,7045,6995],{"class":315},[294,7047,7048,7050,7052],{"class":296,"line":605},[294,7049,7000],{"class":307},[294,7051,312],{"class":311},[294,7053,7054],{"class":315},"5\n",[294,7056,7057,7059,7061],{"class":296,"line":615},[294,7058,7010],{"class":307},[294,7060,312],{"class":311},[294,7062,7054],{"class":315},[79,7064,7066],{"id":7065},"_2-observability-over-monitoring","2. Observability Over Monitoring",[19,7068,7069],{},"Traditional monitoring asks \"Is it up?\" Observability asks \"Why is it behaving this way?\" The difference is critical at scale.",[19,7071,7072],{},"We instrument every service with three pillars of observability:",[1711,7074,7075,7081,7087],{},[50,7076,7077,7080],{},[23,7078,7079],{},"Structured logging"," with correlation IDs that trace requests across service boundaries",[50,7082,7083,7086],{},[23,7084,7085],{},"Distributed tracing"," via OpenTelemetry, giving us end-to-end request visibility",[50,7088,7089,7092],{},[23,7090,7091],{},"Metrics"," with dimensional tagging for flexible querying and alerting",[1162,7094,7095],{"type":322},[19,7096,7097],{},"A well-instrumented system should allow any engineer to diagnose a production issue within 5 minutes, without needing to be the service owner.",[79,7099,7101],{"id":7100},"_3-progressive-delivery","3. Progressive Delivery",[19,7103,7104],{},"Deploying to production should be boring. We achieve this through a layered deployment strategy:",[47,7106,7107,7113,7119],{},[50,7108,7109,7112],{},[23,7110,7111],{},"Canary releases"," — 5% of traffic to the new version, automated rollback on error spike",[50,7114,7115,7118],{},[23,7116,7117],{},"Feature flags"," — Decouple deployment from release, ship code dark",[50,7120,7121,7124],{},[23,7122,7123],{},"Blue-green environments"," — Zero-downtime database migrations and infrastructure changes",[31,7126,7127],{},[19,7128,7129],{},"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,7131,7133],{"id":7132},"infrastructure-as-code-the-complete-stack","Infrastructure as Code: The Complete Stack",[19,7135,7136],{},"Everything is code. Everything is version controlled. Everything is reviewable.",[284,7138,7140],{"className":1181,"code":7139,"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,7141,7142,7147,7166,7184,7202,7206,7231,7241,7250,7261,7265,7269,7293,7298,7317,7322,7326,7336,7340,7344,7368,7377],{"__ignoreMap":289},[294,7143,7144],{"class":296,"line":297},[294,7145,7146],{"class":300},"// Pulumi infrastructure definition (TypeScript)\n",[294,7148,7149,7151,7153,7156,7159,7161,7164],{"class":296,"line":304},[294,7150,1196],{"class":1195},[294,7152,1784],{"class":315},[294,7154,7155],{"class":1195}," as",[294,7157,7158],{"class":311}," pulumi ",[294,7160,1202],{"class":1195},[294,7162,7163],{"class":336}," '@pulumi/pulumi'",[294,7165,1208],{"class":311},[294,7167,7168,7170,7172,7174,7177,7179,7182],{"class":296,"line":319},[294,7169,1196],{"class":1195},[294,7171,1784],{"class":315},[294,7173,7155],{"class":1195},[294,7175,7176],{"class":311}," aws ",[294,7178,1202],{"class":1195},[294,7180,7181],{"class":336}," '@pulumi/aws'",[294,7183,1208],{"class":311},[294,7185,7186,7188,7190,7192,7195,7197,7200],{"class":296,"line":328},[294,7187,1196],{"class":1195},[294,7189,1784],{"class":315},[294,7191,7155],{"class":1195},[294,7193,7194],{"class":311}," k8s ",[294,7196,1202],{"class":1195},[294,7198,7199],{"class":336}," '@pulumi/kubernetes'",[294,7201,1208],{"class":311},[294,7203,7204],{"class":296,"line":340},[294,7205,366],{"emptyLinePlaceholder":365},[294,7207,7208,7210,7213,7215,7217,7220,7223,7225,7228],{"class":296,"line":351},[294,7209,1217],{"class":1195},[294,7211,7212],{"class":315}," vpc",[294,7214,1223],{"class":1195},[294,7216,1226],{"class":1195},[294,7218,7219],{"class":311}," aws.ec2.",[294,7221,7222],{"class":1112},"Vpc",[294,7224,1270],{"class":311},[294,7226,7227],{"class":336},"'main'",[294,7229,7230],{"class":311},", {\n",[294,7232,7233,7236,7239],{"class":296,"line":362},[294,7234,7235],{"class":311},"  cidrBlock: ",[294,7237,7238],{"class":336},"'10.0.0.0/16'",[294,7240,1243],{"class":311},[294,7242,7243,7246,7248],{"class":296,"line":369},[294,7244,7245],{"class":311},"  enableDnsHostnames: ",[294,7247,2741],{"class":315},[294,7249,1243],{"class":311},[294,7251,7252,7255,7258],{"class":296,"line":377},[294,7253,7254],{"class":311},"  tags: { Environment: pulumi.",[294,7256,7257],{"class":1112},"getStack",[294,7259,7260],{"class":311},"() },\n",[294,7262,7263],{"class":296,"line":385},[294,7264,1258],{"class":311},[294,7266,7267],{"class":296,"line":393},[294,7268,366],{"emptyLinePlaceholder":365},[294,7270,7271,7273,7276,7278,7280,7283,7286,7288,7291],{"class":296,"line":404},[294,7272,1217],{"class":1195},[294,7274,7275],{"class":315}," cluster",[294,7277,1223],{"class":1195},[294,7279,1226],{"class":1195},[294,7281,7282],{"class":311}," aws.eks.",[294,7284,7285],{"class":1112},"Cluster",[294,7287,1270],{"class":311},[294,7289,7290],{"class":336},"'platform'",[294,7292,7230],{"class":311},[294,7294,7295],{"class":296,"line":415},[294,7296,7297],{"class":311},"  vpcConfig: {\n",[294,7299,7300,7303,7305,7307,7310,7312,7314],{"class":296,"line":423},[294,7301,7302],{"class":311},"    subnetIds: subnets.",[294,7304,2796],{"class":1112},[294,7306,2771],{"class":311},[294,7308,7309],{"class":1376},"s",[294,7311,1380],{"class":311},[294,7313,1279],{"class":1195},[294,7315,7316],{"class":311}," s.id),\n",[294,7318,7319],{"class":296,"line":432},[294,7320,7321],{"class":311},"    securityGroupIds: [securityGroup.id],\n",[294,7323,7324],{"class":296,"line":440},[294,7325,1922],{"class":311},[294,7327,7328,7331,7334],{"class":296,"line":451},[294,7329,7330],{"class":311},"  version: ",[294,7332,7333],{"class":336},"'1.29'",[294,7335,1243],{"class":311},[294,7337,7338],{"class":296,"line":459},[294,7339,1258],{"class":311},[294,7341,7342],{"class":296,"line":467},[294,7343,366],{"emptyLinePlaceholder":365},[294,7345,7346,7348,7351,7353,7355,7358,7361,7363,7366],{"class":296,"line":475},[294,7347,1217],{"class":1195},[294,7349,7350],{"class":315}," namespace",[294,7352,1223],{"class":1195},[294,7354,1226],{"class":1195},[294,7356,7357],{"class":311}," k8s.core.v1.",[294,7359,7360],{"class":1112},"Namespace",[294,7362,1270],{"class":311},[294,7364,7365],{"class":336},"'services'",[294,7367,7230],{"class":311},[294,7369,7370,7373,7375],{"class":296,"line":486},[294,7371,7372],{"class":311},"  metadata: { name: ",[294,7374,7365],{"class":336},[294,7376,2744],{"class":311},[294,7378,7379],{"class":296,"line":494},[294,7380,7381],{"class":311},"}, { provider: k8sProvider });\n",[1162,7383,7385],{"type":7384},"warning",[19,7386,7387],{},"Never store secrets in your IaC definitions. Use a dedicated secrets manager (AWS Secrets Manager, HashiCorp Vault) with dynamic secret rotation.",[14,7389,7391],{"id":7390},"the-cost-of-getting-it-wrong","The Cost of Getting It Wrong",[19,7393,7394],{},"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,7396,7397],{},"True cloud-native transformation requires:",[1711,7399,7400,7406,7412,7418],{},[50,7401,7402,7405],{},[23,7403,7404],{},"Decomposing the monolith"," along business domain boundaries (not technical layers)",[50,7407,7408,7411],{},[23,7409,7410],{},"Embracing eventual consistency"," where strong consistency isn't required",[50,7413,7414,7417],{},[23,7415,7416],{},"Investing in platform engineering"," so application teams can self-serve",[50,7419,7420,7423],{},[23,7421,7422],{},"Building a culture of ownership"," where teams own their services end-to-end",[14,7425,7427],{"id":7426},"real-world-results","Real-World Results",[19,7429,7430],{},"For a recent financial services client, our cloud-native replatforming delivered:",[124,7432,7433,7445],{},[127,7434,7435],{},[130,7436,7437,7439,7442],{},[133,7438,3442],{},[133,7440,7441],{},"Before",[133,7443,7444],{},"After",[143,7446,7447,7458,7469,7480],{},[130,7448,7449,7452,7455],{},[148,7450,7451],{},"Deploy frequency",[148,7453,7454],{},"Weekly",[148,7456,7457],{},"47x daily",[130,7459,7460,7463,7466],{},[148,7461,7462],{},"Lead time for changes",[148,7464,7465],{},"3 weeks",[148,7467,7468],{},"45 minutes",[130,7470,7471,7474,7477],{},[148,7472,7473],{},"Change failure rate",[148,7475,7476],{},"23%",[148,7478,7479],{},"1.8%",[130,7481,7482,7485,7488],{},[148,7483,7484],{},"Mean time to recovery",[148,7486,7487],{},"4 hours",[148,7489,7490],{},"8 minutes",[19,7492,7493],{},"These aren't theoretical improvements. They're the difference between a company that reacts to market changes and one that drives them.",[2357,7495],{},[19,7497,7498],{},[2180,7499,7500,7501,6409],{},"Ready to modernise your infrastructure? ",[230,7502,7503],{"href":2366},"Let's architect your cloud-native future",[2370,7505,7506],{},"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":7508},[7509,7510,7515,7516,7517],{"id":6350,"depth":304,"text":6351},{"id":6357,"depth":304,"text":6358,"children":7511},[7512,7513,7514],{"id":6361,"depth":319,"text":6362},{"id":7065,"depth":319,"text":7066},{"id":7100,"depth":319,"text":7101},{"id":7132,"depth":304,"text":7133},{"id":7390,"depth":304,"text":7391},{"id":7426,"depth":304,"text":7427},"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":6342,"description":7520},"blog/cloud-native-architecture",[7527,7528,2419,7529],"Cloud Native","Kubernetes","Architecture","Dai7RhZjlbZ0dr9DAwJlAIRurZr3eGCVoknlYA4NHXE",{"id":7532,"title":7533,"author":7534,"body":7537,"category":2406,"coverImage":2407,"date":7519,"description":8949,"extension":2410,"featured":2411,"meta":8950,"navigation":365,"path":8951,"readingTime":7523,"seo":8952,"stem":8953,"tags":8954,"__hash__":8957},"blog/blog/react-native-vs-flutter-2026.md","React Native vs Flutter in 2026: A Technical Decision Framework",{"name":7535,"role":7536},"Nimal Jayawardena","Senior Software Engineer",{"type":11,"value":7538,"toc":8915},[7539,7543,7546,7549,7554,7558,7561,7565,7568,7594,7605,7609,7612,7638,7641,7645,7726,7730,7733,7737,7740,7743,7747,7750,7753,7757,7760,7763,7767,7770,7775,7779,7782,7786,7789,8264,8268,8271,8550,8553,8573,8577,8580,8584,8587,8590,8594,8597,8609,8612,8616,8619,8623,8626,8630,8636,8642,8648,8658,8662,8668,8674,8680,8686,8691,8695,8698,8724,8727,8731,8735,8738,8742,8745,8749,8756,8760,8763,8894,8901,8903,8912],[14,7540,7542],{"id":7541},"the-cross-platform-landscape-has-matured","The Cross-Platform Landscape Has Matured",[19,7544,7545],{},"Choosing between React Native and Flutter in 2026 is no longer a question of \"which one works.\" Both frameworks are mature, production-proven, and capable of delivering near-native performance. The right choice depends on your team's skills, your project's requirements, and your long-term platform strategy.",[19,7547,7548],{},"This guide provides an objective, technically grounded comparison framework. We have built production applications with both frameworks at CNEX, and we have strong opinions about when each one shines — and when neither is the right answer.",[31,7550,7551],{},[19,7552,7553],{},"The best framework is the one your team can ship and maintain confidently. Technology choices are business decisions, not religious ones.",[14,7555,7557],{"id":7556},"architecture-comparison","Architecture Comparison",[19,7559,7560],{},"Understanding how each framework works under the hood is essential for making an informed decision. The architectural differences between React Native and Flutter explain their respective strengths and limitations.",[79,7562,7564],{"id":7563},"react-native-the-new-architecture","React Native: The New Architecture",[19,7566,7567],{},"React Native's new architecture, fully stable since 2024, represents a fundamental redesign of how JavaScript communicates with native platform APIs. The key components are:",[1711,7569,7570,7576,7582,7588],{},[50,7571,7572,7575],{},[23,7573,7574],{},"JSI (JavaScript Interface)",": Replaces the old asynchronous bridge with synchronous, direct communication between JavaScript and native code. This eliminates the serialisation overhead that was React Native's primary performance bottleneck.",[50,7577,7578,7581],{},[23,7579,7580],{},"Fabric",": The new rendering system that enables synchronous layout calculations and concurrent rendering. UI updates are faster and more predictable.",[50,7583,7584,7587],{},[23,7585,7586],{},"TurboModules",": Lazy-loaded native modules that reduce startup time by loading native functionality only when needed.",[50,7589,7590,7593],{},[23,7591,7592],{},"Codegen",": Automatic type-safe code generation from TypeScript/Flow definitions, ensuring consistency between JavaScript and native layers.",[19,7595,7596,7597,7600,7601,7604],{},"The result is that React Native renders ",[23,7598,7599],{},"actual native platform components",". A ",[291,7602,7603],{},"\u003CButton>"," in React Native is a real UIButton on iOS and a real MaterialButton on Android. Your app looks and feels native because it uses the platform's own UI toolkit.",[79,7606,7608],{"id":7607},"flutter-the-rendering-engine-approach","Flutter: The Rendering Engine Approach",[19,7610,7611],{},"Flutter takes a fundamentally different approach. Instead of wrapping native components, Flutter ships its own rendering engine and draws every pixel directly.",[1711,7613,7614,7620,7626,7632],{},[50,7615,7616,7619],{},[23,7617,7618],{},"Dart",": Flutter's programming language compiles ahead-of-time (AOT) to native ARM code, eliminating the need for a JavaScript runtime entirely.",[50,7621,7622,7625],{},[23,7623,7624],{},"Impeller",": Flutter's rendering engine (replacing Skia for iOS in 2024, Android in 2025) provides consistent, jank-free rendering at 120fps. Pre-compiled shaders eliminate the first-frame stutter that plagued earlier versions.",[50,7627,7628,7631],{},[23,7629,7630],{},"Widget tree",": Everything in Flutter is a widget — from layout primitives to complex components. This compositional model gives developers complete control over every pixel.",[50,7633,7634,7637],{},[23,7635,7636],{},"Platform channels",": When Flutter needs to access platform-specific APIs (camera, biometrics, Bluetooth), it communicates through asynchronous message-passing channels.",[19,7639,7640],{},"Because Flutter draws its own UI, your app looks identical on iOS and Android by default. This is a strength for brand consistency but requires additional work if you want platform-specific design patterns.",[79,7642,7644],{"id":7643},"architecture-at-a-glance","Architecture at a Glance",[124,7646,7647,7659],{},[127,7648,7649],{},[130,7650,7651,7653,7656],{},[133,7652,135],{},[133,7654,7655],{},"React Native",[133,7657,7658],{},"Flutter",[143,7660,7661,7671,7682,7693,7704,7715],{},[130,7662,7663,7666,7669],{},[148,7664,7665],{},"Language",[148,7667,7668],{},"JavaScript / TypeScript",[148,7670,7618],{},[130,7672,7673,7676,7679],{},[148,7674,7675],{},"Rendering",[148,7677,7678],{},"Native platform components via Fabric",[148,7680,7681],{},"Custom rendering via Impeller engine",[130,7683,7684,7687,7690],{},[148,7685,7686],{},"Compilation",[148,7688,7689],{},"JIT (development) + Hermes (production)",[148,7691,7692],{},"JIT (development) + AOT (production)",[130,7694,7695,7698,7701],{},[148,7696,7697],{},"UI paradigm",[148,7699,7700],{},"Platform-native look and feel",[148,7702,7703],{},"Custom, consistent cross-platform UI",[130,7705,7706,7709,7712],{},[148,7707,7708],{},"Native communication",[148,7710,7711],{},"JSI (synchronous)",[148,7713,7714],{},"Platform channels (asynchronous)",[130,7716,7717,7720,7723],{},[148,7718,7719],{},"State management",[148,7721,7722],{},"Flexible (Redux, Zustand, Jotai, etc.)",[148,7724,7725],{},"Flexible (Riverpod, Bloc, Provider, etc.)",[14,7727,7729],{"id":7728},"performance-benchmarks","Performance Benchmarks",[19,7731,7732],{},"Both frameworks deliver performance that is functionally indistinguishable from native for the vast majority of applications. However, there are measurable differences in specific scenarios.",[79,7734,7736],{"id":7735},"startup-time","Startup Time",[19,7738,7739],{},"React Native with Hermes engine and TurboModules achieves cold start times within 10-15% of fully native applications. Flutter's AOT compilation produces slightly faster cold starts on average, typically within 5-10% of native.",[19,7741,7742],{},"For warm starts and subsequent launches, the difference is negligible.",[79,7744,7746],{"id":7745},"frame-rates-and-animation","Frame Rates and Animation",[19,7748,7749],{},"Flutter's Impeller engine maintains a consistent 120fps on supported devices with virtually zero shader compilation jank. React Native's Fabric renderer achieves smooth 60-120fps for standard UI interactions, though complex custom animations may require dropping into native code via Reanimated.",[19,7751,7752],{},"For animation-heavy applications (custom transitions, gesture-driven interfaces, complex scroll interactions), Flutter has a measurable edge.",[79,7754,7756],{"id":7755},"memory-usage","Memory Usage",[19,7758,7759],{},"React Native applications typically consume 10-20% more memory than their Flutter equivalents due to the JavaScript runtime overhead. Flutter's AOT-compiled Dart code has a smaller runtime footprint.",[19,7761,7762],{},"In practice, this difference matters primarily on low-end devices with limited RAM.",[79,7764,7766],{"id":7765},"app-size","App Size",[19,7768,7769],{},"A minimal React Native application produces binaries of approximately 8-12 MB. A minimal Flutter application starts at approximately 10-15 MB due to the bundled rendering engine. Both grow proportionally with application complexity and assets.",[1162,7771,7772],{"type":322},[19,7773,7774],{},"Performance benchmarks are inherently context-dependent. The numbers above reflect well-optimised applications built by experienced teams. Poorly written code will perform poorly regardless of the framework.",[14,7776,7778],{"id":7777},"developer-experience","Developer Experience",[19,7780,7781],{},"Developer experience determines team velocity, hiring ability, and long-term maintainability. This is often the decisive factor when performance differences are marginal.",[79,7783,7785],{"id":7784},"react-native-with-expo","React Native with Expo",[19,7787,7788],{},"The Expo framework has transformed React Native development. Expo provides a managed workflow that handles native builds, over-the-air updates, push notifications, and dozens of common native modules without requiring any native code.",[284,7790,7792],{"className":1181,"code":7791,"language":1183,"meta":289,"style":289},"// React Native (Expo) — A simple profile screen\nimport { View, Text, Image, StyleSheet, Pressable } from 'react-native';\nimport { useRouter } from 'expo-router';\n\ninterface ProfileProps {\n  name: string;\n  role: string;\n  avatarUrl: string;\n}\n\nexport default function ProfileScreen({ name, role, avatarUrl }: ProfileProps) {\n  const router = useRouter();\n\n  return (\n    \u003CView style={styles.container}>\n      \u003CImage source={{ uri: avatarUrl }} style={styles.avatar} />\n      \u003CText style={styles.name}>{name}\u003C/Text>\n      \u003CText style={styles.role}>{role}\u003C/Text>\n      \u003CPressable\n        style={styles.button}\n        onPress={() => router.push('/settings')}\n      >\n        \u003CText style={styles.buttonText}>Edit Profile\u003C/Text>\n      \u003C/Pressable>\n    \u003C/View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, alignItems: 'center', paddingTop: 48 },\n  avatar: { width: 96, height: 96, borderRadius: 48 },\n  name: { fontSize: 24, fontWeight: '700', marginTop: 16 },\n  role: { fontSize: 16, color: '#6b7280', marginTop: 4 },\n  button: {\n    marginTop: 24,\n    backgroundColor: '#2f7bff',\n    paddingHorizontal: 24,\n    paddingVertical: 12,\n    borderRadius: 8,\n  },\n  buttonText: { color: '#ffffff', fontWeight: '600' },\n});\n",[291,7793,7794,7799,7813,7827,7831,7840,7850,7861,7872,7876,7880,7917,7932,7936,7943,7959,7986,8011,8033,8040,8050,8066,8071,8076,8081,8086,8091,8095,8099,8104,8126,8146,8168,8188,8193,8202,8212,8221,8231,8241,8245,8260],{"__ignoreMap":289},[294,7795,7796],{"class":296,"line":297},[294,7797,7798],{"class":300},"// React Native (Expo) — A simple profile screen\n",[294,7800,7801,7803,7806,7808,7811],{"class":296,"line":304},[294,7802,1196],{"class":1195},[294,7804,7805],{"class":311}," { View, Text, Image, StyleSheet, Pressable } ",[294,7807,1202],{"class":1195},[294,7809,7810],{"class":336}," 'react-native'",[294,7812,1208],{"class":311},[294,7814,7815,7817,7820,7822,7825],{"class":296,"line":319},[294,7816,1196],{"class":1195},[294,7818,7819],{"class":311}," { useRouter } ",[294,7821,1202],{"class":1195},[294,7823,7824],{"class":336}," 'expo-router'",[294,7826,1208],{"class":311},[294,7828,7829],{"class":296,"line":328},[294,7830,366],{"emptyLinePlaceholder":365},[294,7832,7833,7835,7838],{"class":296,"line":340},[294,7834,2072],{"class":1195},[294,7836,7837],{"class":1112}," ProfileProps",[294,7839,1282],{"class":311},[294,7841,7842,7844,7846,7848],{"class":296,"line":351},[294,7843,6794],{"class":1376},[294,7845,2092],{"class":1195},[294,7847,2117],{"class":315},[294,7849,1208],{"class":311},[294,7851,7852,7855,7857,7859],{"class":296,"line":362},[294,7853,7854],{"class":1376},"  role",[294,7856,2092],{"class":1195},[294,7858,2117],{"class":315},[294,7860,1208],{"class":311},[294,7862,7863,7866,7868,7870],{"class":296,"line":369},[294,7864,7865],{"class":1376},"  avatarUrl",[294,7867,2092],{"class":1195},[294,7869,2117],{"class":315},[294,7871,1208],{"class":311},[294,7873,7874],{"class":296,"line":377},[294,7875,2159],{"class":311},[294,7877,7878],{"class":296,"line":385},[294,7879,366],{"emptyLinePlaceholder":365},[294,7881,7882,7885,7888,7890,7893,7895,7897,7899,7902,7904,7907,7910,7912,7914],{"class":296,"line":393},[294,7883,7884],{"class":1195},"export",[294,7886,7887],{"class":1195}," default",[294,7889,2604],{"class":1195},[294,7891,7892],{"class":1112}," ProfileScreen",[294,7894,1400],{"class":311},[294,7896,6887],{"class":1376},[294,7898,1295],{"class":311},[294,7900,7901],{"class":1376},"role",[294,7903,1295],{"class":311},[294,7905,7906],{"class":1376},"avatarUrl",[294,7908,7909],{"class":311}," }",[294,7911,2092],{"class":1195},[294,7913,7837],{"class":1112},[294,7915,7916],{"class":311},") {\n",[294,7918,7919,7921,7924,7926,7929],{"class":296,"line":404},[294,7920,2671],{"class":1195},[294,7922,7923],{"class":315}," router",[294,7925,1223],{"class":1195},[294,7927,7928],{"class":1112}," useRouter",[294,7930,7931],{"class":311},"();\n",[294,7933,7934],{"class":296,"line":415},[294,7935,366],{"emptyLinePlaceholder":365},[294,7937,7938,7940],{"class":296,"line":423},[294,7939,2757],{"class":1195},[294,7941,7942],{"class":311}," (\n",[294,7944,7945,7948,7951,7953,7956],{"class":296,"line":432},[294,7946,7947],{"class":1195},"    \u003C",[294,7949,7950],{"class":311},"View style",[294,7952,6552],{"class":1195},[294,7954,7955],{"class":311},"{styles.container}",[294,7957,7958],{"class":1195},">\n",[294,7960,7961,7964,7967,7969,7972,7975,7978,7980,7983],{"class":296,"line":440},[294,7962,7963],{"class":1195},"      \u003C",[294,7965,7966],{"class":311},"Image source",[294,7968,6552],{"class":1195},[294,7970,7971],{"class":311},"{{ ",[294,7973,7974],{"class":1112},"uri",[294,7976,7977],{"class":311},": avatarUrl }} style",[294,7979,6552],{"class":1195},[294,7981,7982],{"class":311},"{styles.avatar} ",[294,7984,7985],{"class":1195},"/>\n",[294,7987,7988,7990,7993,7995,7998,8000,8003,8006,8009],{"class":296,"line":451},[294,7989,7963],{"class":1195},[294,7991,7992],{"class":311},"Text style",[294,7994,6552],{"class":1195},[294,7996,7997],{"class":311},"{styles.name}",[294,7999,2784],{"class":1195},[294,8001,8002],{"class":311},"{name}",[294,8004,8005],{"class":1195},"\u003C/",[294,8007,8008],{"class":311},"Text",[294,8010,7958],{"class":1195},[294,8012,8013,8015,8017,8019,8022,8024,8027,8029,8031],{"class":296,"line":459},[294,8014,7963],{"class":1195},[294,8016,7992],{"class":311},[294,8018,6552],{"class":1195},[294,8020,8021],{"class":311},"{styles.role}",[294,8023,2784],{"class":1195},[294,8025,8026],{"class":311},"{role}",[294,8028,8005],{"class":1195},[294,8030,8008],{"class":311},[294,8032,7958],{"class":1195},[294,8034,8035,8037],{"class":296,"line":467},[294,8036,7963],{"class":1195},[294,8038,8039],{"class":1376},"Pressable\n",[294,8041,8042,8045,8047],{"class":296,"line":475},[294,8043,8044],{"class":311},"        style",[294,8046,6552],{"class":1195},[294,8048,8049],{"class":311},"{styles.button}\n",[294,8051,8052,8055,8057,8060,8063],{"class":296,"line":486},[294,8053,8054],{"class":311},"        onPress",[294,8056,6552],{"class":1195},[294,8058,8059],{"class":311},"{() => router.push(",[294,8061,8062],{"class":336},"'/settings'",[294,8064,8065],{"class":311},")}\n",[294,8067,8068],{"class":296,"line":494},[294,8069,8070],{"class":311},"      >\n",[294,8072,8073],{"class":296,"line":502},[294,8074,8075],{"class":311},"        \u003CText style={styles.buttonText}>Edit Profile\u003C/Text>\n",[294,8077,8078],{"class":296,"line":513},[294,8079,8080],{"class":311},"      \u003C/Pressable>\n",[294,8082,8083],{"class":296,"line":521},[294,8084,8085],{"class":311},"    \u003C/View>\n",[294,8087,8088],{"class":296,"line":529},[294,8089,8090],{"class":311},"  );\n",[294,8092,8093],{"class":296,"line":537},[294,8094,2159],{"class":311},[294,8096,8097],{"class":296,"line":548},[294,8098,366],{"emptyLinePlaceholder":365},[294,8100,8101],{"class":296,"line":556},[294,8102,8103],{"class":311},"const styles = StyleSheet.create({\n",[294,8105,8106,8109,8112,8115,8118,8121,8124],{"class":296,"line":566},[294,8107,8108],{"class":311},"  container: { flex: ",[294,8110,8111],{"class":315},"1",[294,8113,8114],{"class":311},", alignItems: ",[294,8116,8117],{"class":336},"'center'",[294,8119,8120],{"class":311},", paddingTop: ",[294,8122,8123],{"class":315},"48",[294,8125,2744],{"class":311},[294,8127,8128,8131,8134,8137,8139,8142,8144],{"class":296,"line":573},[294,8129,8130],{"class":311},"  avatar: { width: ",[294,8132,8133],{"class":315},"96",[294,8135,8136],{"class":311},", height: ",[294,8138,8133],{"class":315},[294,8140,8141],{"class":311},", borderRadius: ",[294,8143,8123],{"class":315},[294,8145,2744],{"class":311},[294,8147,8148,8151,8154,8157,8160,8163,8166],{"class":296,"line":580},[294,8149,8150],{"class":311},"  name: { fontSize: ",[294,8152,8153],{"class":315},"24",[294,8155,8156],{"class":311},", fontWeight: ",[294,8158,8159],{"class":336},"'700'",[294,8161,8162],{"class":311},", marginTop: ",[294,8164,8165],{"class":315},"16",[294,8167,2744],{"class":311},[294,8169,8170,8173,8175,8178,8181,8183,8186],{"class":296,"line":587},[294,8171,8172],{"class":311},"  role: { fontSize: ",[294,8174,8165],{"class":315},[294,8176,8177],{"class":311},", color: ",[294,8179,8180],{"class":336},"'#6b7280'",[294,8182,8162],{"class":311},[294,8184,8185],{"class":315},"4",[294,8187,2744],{"class":311},[294,8189,8190],{"class":296,"line":597},[294,8191,8192],{"class":311},"  button: {\n",[294,8194,8195,8198,8200],{"class":296,"line":605},[294,8196,8197],{"class":311},"    marginTop: ",[294,8199,8153],{"class":315},[294,8201,1243],{"class":311},[294,8203,8204,8207,8210],{"class":296,"line":615},[294,8205,8206],{"class":311},"    backgroundColor: ",[294,8208,8209],{"class":336},"'#2f7bff'",[294,8211,1243],{"class":311},[294,8213,8214,8217,8219],{"class":296,"line":622},[294,8215,8216],{"class":311},"    paddingHorizontal: ",[294,8218,8153],{"class":315},[294,8220,1243],{"class":311},[294,8222,8223,8226,8229],{"class":296,"line":629},[294,8224,8225],{"class":311},"    paddingVertical: ",[294,8227,8228],{"class":315},"12",[294,8230,1243],{"class":311},[294,8232,8233,8236,8239],{"class":296,"line":636},[294,8234,8235],{"class":311},"    borderRadius: ",[294,8237,8238],{"class":315},"8",[294,8240,1243],{"class":311},[294,8242,8243],{"class":296,"line":646},[294,8244,1922],{"class":311},[294,8246,8247,8250,8253,8255,8258],{"class":296,"line":651},[294,8248,8249],{"class":311},"  buttonText: { color: ",[294,8251,8252],{"class":336},"'#ffffff'",[294,8254,8156],{"class":311},[294,8256,8257],{"class":336},"'600'",[294,8259,2744],{"class":311},[294,8261,8262],{"class":296,"line":659},[294,8263,1258],{"class":311},[79,8265,8267],{"id":8266},"flutter-with-dart","Flutter with Dart",[19,8269,8270],{},"Flutter's widget composition model is elegant and consistent. Once you learn the widget tree pattern, building complex UIs becomes highly productive.",[284,8272,8276],{"className":8273,"code":8274,"language":8275,"meta":289,"style":289},"language-dart shiki shiki-themes github-light github-dark","// Flutter — The same profile screen\nimport 'package:flutter/material.dart';\n\nclass ProfileScreen extends StatelessWidget {\n  final String name;\n  final String role;\n  final String avatarUrl;\n\n  const ProfileScreen({\n    super.key,\n    required this.name,\n    required this.role,\n    required this.avatarUrl,\n  });\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      body: Center(\n        child: Padding(\n          padding: const EdgeInsets.only(top: 48),\n          child: Column(\n            children: [\n              CircleAvatar(\n                radius: 48,\n                backgroundImage: NetworkImage(avatarUrl),\n              ),\n              const SizedBox(height: 16),\n              Text(name, style: const TextStyle(\n                fontSize: 24,\n                fontWeight: FontWeight.w700,\n              )),\n              const SizedBox(height: 4),\n              Text(role, style: TextStyle(\n                fontSize: 16,\n                color: Colors.grey[600],\n              )),\n              const SizedBox(height: 24),\n              ElevatedButton(\n                onPressed: () => Navigator.pushNamed(context, '/settings'),\n                style: ElevatedButton.styleFrom(\n                  backgroundColor: const Color(0xFF2F7BFF),\n                  padding: const EdgeInsets.symmetric(\n                    horizontal: 24,\n                    vertical: 12,\n                  ),\n                ),\n                child: const Text('Edit Profile'),\n              ),\n            ],\n          ),\n        ),\n      ),\n    );\n  }\n}\n","dart",[291,8277,8278,8283,8288,8292,8297,8302,8307,8312,8316,8321,8326,8331,8336,8341,8345,8349,8354,8359,8364,8369,8374,8379,8384,8389,8394,8399,8404,8409,8414,8419,8424,8429,8434,8439,8444,8449,8454,8458,8463,8468,8473,8478,8483,8488,8493,8498,8503,8508,8513,8517,8522,8527,8532,8537,8542,8546],{"__ignoreMap":289},[294,8279,8280],{"class":296,"line":297},[294,8281,8282],{},"// Flutter — The same profile screen\n",[294,8284,8285],{"class":296,"line":304},[294,8286,8287],{},"import 'package:flutter/material.dart';\n",[294,8289,8290],{"class":296,"line":319},[294,8291,366],{"emptyLinePlaceholder":365},[294,8293,8294],{"class":296,"line":328},[294,8295,8296],{},"class ProfileScreen extends StatelessWidget {\n",[294,8298,8299],{"class":296,"line":340},[294,8300,8301],{},"  final String name;\n",[294,8303,8304],{"class":296,"line":351},[294,8305,8306],{},"  final String role;\n",[294,8308,8309],{"class":296,"line":362},[294,8310,8311],{},"  final String avatarUrl;\n",[294,8313,8314],{"class":296,"line":369},[294,8315,366],{"emptyLinePlaceholder":365},[294,8317,8318],{"class":296,"line":377},[294,8319,8320],{},"  const ProfileScreen({\n",[294,8322,8323],{"class":296,"line":385},[294,8324,8325],{},"    super.key,\n",[294,8327,8328],{"class":296,"line":393},[294,8329,8330],{},"    required this.name,\n",[294,8332,8333],{"class":296,"line":404},[294,8334,8335],{},"    required this.role,\n",[294,8337,8338],{"class":296,"line":415},[294,8339,8340],{},"    required this.avatarUrl,\n",[294,8342,8343],{"class":296,"line":423},[294,8344,1662],{},[294,8346,8347],{"class":296,"line":432},[294,8348,366],{"emptyLinePlaceholder":365},[294,8350,8351],{"class":296,"line":440},[294,8352,8353],{},"  @override\n",[294,8355,8356],{"class":296,"line":451},[294,8357,8358],{},"  Widget build(BuildContext context) {\n",[294,8360,8361],{"class":296,"line":459},[294,8362,8363],{},"    return Scaffold(\n",[294,8365,8366],{"class":296,"line":467},[294,8367,8368],{},"      body: Center(\n",[294,8370,8371],{"class":296,"line":475},[294,8372,8373],{},"        child: Padding(\n",[294,8375,8376],{"class":296,"line":486},[294,8377,8378],{},"          padding: const EdgeInsets.only(top: 48),\n",[294,8380,8381],{"class":296,"line":494},[294,8382,8383],{},"          child: Column(\n",[294,8385,8386],{"class":296,"line":502},[294,8387,8388],{},"            children: [\n",[294,8390,8391],{"class":296,"line":513},[294,8392,8393],{},"              CircleAvatar(\n",[294,8395,8396],{"class":296,"line":521},[294,8397,8398],{},"                radius: 48,\n",[294,8400,8401],{"class":296,"line":529},[294,8402,8403],{},"                backgroundImage: NetworkImage(avatarUrl),\n",[294,8405,8406],{"class":296,"line":537},[294,8407,8408],{},"              ),\n",[294,8410,8411],{"class":296,"line":548},[294,8412,8413],{},"              const SizedBox(height: 16),\n",[294,8415,8416],{"class":296,"line":556},[294,8417,8418],{},"              Text(name, style: const TextStyle(\n",[294,8420,8421],{"class":296,"line":566},[294,8422,8423],{},"                fontSize: 24,\n",[294,8425,8426],{"class":296,"line":573},[294,8427,8428],{},"                fontWeight: FontWeight.w700,\n",[294,8430,8431],{"class":296,"line":580},[294,8432,8433],{},"              )),\n",[294,8435,8436],{"class":296,"line":587},[294,8437,8438],{},"              const SizedBox(height: 4),\n",[294,8440,8441],{"class":296,"line":597},[294,8442,8443],{},"              Text(role, style: TextStyle(\n",[294,8445,8446],{"class":296,"line":605},[294,8447,8448],{},"                fontSize: 16,\n",[294,8450,8451],{"class":296,"line":615},[294,8452,8453],{},"                color: Colors.grey[600],\n",[294,8455,8456],{"class":296,"line":622},[294,8457,8433],{},[294,8459,8460],{"class":296,"line":629},[294,8461,8462],{},"              const SizedBox(height: 24),\n",[294,8464,8465],{"class":296,"line":636},[294,8466,8467],{},"              ElevatedButton(\n",[294,8469,8470],{"class":296,"line":646},[294,8471,8472],{},"                onPressed: () => Navigator.pushNamed(context, '/settings'),\n",[294,8474,8475],{"class":296,"line":651},[294,8476,8477],{},"                style: ElevatedButton.styleFrom(\n",[294,8479,8480],{"class":296,"line":659},[294,8481,8482],{},"                  backgroundColor: const Color(0xFF2F7BFF),\n",[294,8484,8485],{"class":296,"line":667},[294,8486,8487],{},"                  padding: const EdgeInsets.symmetric(\n",[294,8489,8490],{"class":296,"line":675},[294,8491,8492],{},"                    horizontal: 24,\n",[294,8494,8495],{"class":296,"line":686},[294,8496,8497],{},"                    vertical: 12,\n",[294,8499,8500],{"class":296,"line":694},[294,8501,8502],{},"                  ),\n",[294,8504,8505],{"class":296,"line":702},[294,8506,8507],{},"                ),\n",[294,8509,8510],{"class":296,"line":710},[294,8511,8512],{},"                child: const Text('Edit Profile'),\n",[294,8514,8515],{"class":296,"line":718},[294,8516,8408],{},[294,8518,8519],{"class":296,"line":726},[294,8520,8521],{},"            ],\n",[294,8523,8524],{"class":296,"line":734},[294,8525,8526],{},"          ),\n",[294,8528,8529],{"class":296,"line":742},[294,8530,8531],{},"        ),\n",[294,8533,8534],{"class":296,"line":753},[294,8535,8536],{},"      ),\n",[294,8538,8539],{"class":296,"line":761},[294,8540,8541],{},"    );\n",[294,8543,8544],{"class":296,"line":770},[294,8545,2298],{},[294,8547,8548],{"class":296,"line":778},[294,8549,2159],{},[19,8551,8552],{},"Both examples produce visually similar results, but the developer experience differs in important ways:",[1711,8554,8555,8561,8567],{},[50,8556,8557,8560],{},[23,8558,8559],{},"Type system",": TypeScript and Dart are both strongly typed. TypeScript benefits from the enormous JavaScript ecosystem and familiarity. Dart's type system is tighter and more consistent, but requires learning a new language.",[50,8562,8563,8566],{},[23,8564,8565],{},"Hot reload",": Both frameworks offer excellent hot reload. Flutter's is marginally faster and preserves state more reliably, but the gap has narrowed considerably.",[50,8568,8569,8572],{},[23,8570,8571],{},"Debugging",": React Native benefits from Chrome DevTools and extensive JavaScript debugging tooling. Flutter's DevTools provide exceptional widget inspection and performance profiling.",[14,8574,8576],{"id":8575},"ecosystem-and-community","Ecosystem and Community",[19,8578,8579],{},"The size and quality of a framework's ecosystem directly impacts your ability to build features without writing everything from scratch.",[79,8581,8583],{"id":8582},"package-ecosystem","Package Ecosystem",[19,8585,8586],{},"React Native leverages the npm ecosystem — over 2 million packages, though only a subset is relevant to mobile development. The Expo SDK provides curated, tested wrappers for the most common native APIs.",[19,8588,8589],{},"Flutter's pub.dev hosts over 50,000 packages purpose-built for Flutter. While smaller than npm, the package quality is generally high because Dart's type system enforces stricter contracts.",[79,8591,8593],{"id":8592},"enterprise-adoption","Enterprise Adoption",[19,8595,8596],{},"Both frameworks power major production applications:",[1711,8598,8599,8604],{},[50,8600,8601,8603],{},[23,8602,7655],{},": Meta (Instagram, Facebook), Microsoft (Outlook, Teams, Xbox), Shopify, Coinbase, Discord",[50,8605,8606,8608],{},[23,8607,7658],{},": Google (Pay, Classroom), BMW, Alibaba, eBay, Toyota",[19,8610,8611],{},"Neither framework lacks enterprise credibility in 2026.",[79,8613,8615],{"id":8614},"ide-and-tooling","IDE and Tooling",[19,8617,8618],{},"Both frameworks offer mature IDE support through VS Code and JetBrains. Flutter's tooling is slightly more cohesive (built by one team), while React Native's tooling is more diverse and extensible.",[14,8620,8622],{"id":8621},"the-decision-framework","The Decision Framework",[19,8624,8625],{},"Rather than declaring a winner, here is a structured framework for making the right choice for your specific project.",[79,8627,8629],{"id":8628},"choose-react-native-when","Choose React Native When",[19,8631,8632,8635],{},[23,8633,8634],{},"Your team already knows JavaScript or TypeScript."," The learning curve from web development to React Native is significantly shorter than learning Dart and Flutter from scratch. If you have a team of experienced React or TypeScript developers, React Native lets them be productive within days.",[19,8637,8638,8641],{},[23,8639,8640],{},"You need to share code between web and mobile."," React Native's architecture allows substantial code sharing with React web applications — business logic, state management, API clients, validation, and utilities. If you are building both a web application and a mobile app, React Native with a shared monorepo can reduce total development effort by 30-50%.",[19,8643,8644,8647],{},[23,8645,8646],{},"You want native platform look and feel."," Because React Native renders actual native components, your app automatically respects the platform's design language, accessibility features, and interaction patterns. iOS users get iOS-standard behaviours, Android users get Material Design behaviours.",[19,8649,8650,8653,8654,8657],{},[23,8651,8652],{},"You want to leverage existing npm packages."," If your ",[230,8655,8656],{"href":2353},"web development"," stack already relies on specific npm packages for validation, date handling, state management, or business logic, React Native lets you reuse them directly.",[79,8659,8661],{"id":8660},"choose-flutter-when","Choose Flutter When",[19,8663,8664,8667],{},[23,8665,8666],{},"You need pixel-perfect custom UI across platforms."," If your brand demands a completely custom visual identity that does not follow either iOS or Android conventions, Flutter's rendering engine gives you total control over every pixel. This is particularly valuable for consumer-facing apps where brand differentiation is critical.",[19,8669,8670,8673],{},[23,8671,8672],{},"Performance-critical applications."," For apps with complex animations, real-time data visualisation, gaming elements, or heavy custom rendering, Flutter's Impeller engine delivers consistently high frame rates without native bridge overhead.",[19,8675,8676,8679],{},[23,8677,8678],{},"You want a single codebase for mobile, web, and desktop."," Flutter's multi-platform support extends beyond mobile to web, Windows, macOS, and Linux from a single codebase. If your product roadmap includes desktop applications, Flutter's cross-platform reach is broader.",[19,8681,8682,8685],{},[23,8683,8684],{},"You are starting with a fresh team."," If you are hiring a new team specifically for this project, Dart is a clean, modern language that is easy to learn. Flutter's opinionated architecture reduces decision fatigue and produces more consistent codebases across teams.",[1162,8687,8688],{"type":1164},[19,8689,8690],{},"Do not choose a framework based on benchmark articles or popularity contests. Build a small proof of concept with your actual team and evaluate based on their experience. Two weeks of prototyping is worth more than months of analysis.",[14,8692,8694],{"id":8693},"the-third-option-when-to-go-fully-native","The Third Option: When to Go Fully Native",[19,8696,8697],{},"Cross-platform frameworks are not always the right answer. Consider building fully native applications (Swift/Kotlin) when:",[1711,8699,8700,8706,8712,8718],{},[50,8701,8702,8705],{},[23,8703,8704],{},"Platform-specific features are central to your product."," If your app depends heavily on ARKit, HealthKit, Widgets, or platform-specific APIs that change rapidly, native development gives you immediate access without waiting for framework support.",[50,8707,8708,8711],{},[23,8709,8710],{},"Maximum performance is non-negotiable."," Real-time audio/video processing, complex 3D rendering, or computationally intensive on-device ML inference still benefits from native code.",[50,8713,8714,8717],{},[23,8715,8716],{},"Your team is already native-skilled."," If you have experienced iOS and Android developers who are productive in Swift and Kotlin, the overhead of learning a cross-platform framework may not be justified — especially for a single-platform app.",[50,8719,8720,8723],{},[23,8721,8722],{},"App size is critical."," Native apps produce the smallest binaries. For markets with limited device storage or bandwidth, every megabyte matters.",[19,8725,8726],{},"The cost of native development is maintaining two codebases. For many businesses, this is the right trade-off. For others, the 30-40% development time savings from cross-platform justify the compromise.",[14,8728,8730],{"id":8729},"platform-specific-considerations","Platform-Specific Considerations",[79,8732,8734],{"id":8733},"ios-ecosystem","iOS Ecosystem",[19,8736,8737],{},"React Native benefits from Apple's focus on SwiftUI interoperability. Expo's continuous native generation handles most iOS build complexity. Flutter's iOS rendering via Impeller is smooth, but custom iOS-style interactions (swipe-to-delete, spring physics, haptics) require more manual work.",[79,8739,8741],{"id":8740},"android-ecosystem","Android Ecosystem",[19,8743,8744],{},"Both frameworks perform well on Android. React Native uses Hermes for optimised JavaScript execution. Flutter's Android support is mature and well-tested. Jetpack Compose interop is available for both frameworks when needed.",[79,8746,8748],{"id":8747},"integrating-with-existing-systems","Integrating with Existing Systems",[19,8750,8751,8752,8755],{},"Regardless of which framework you choose, ",[230,8753,8754],{"href":232},"API integration"," is the backbone of any mobile application. Both React Native and Flutter have excellent HTTP client libraries and support for REST, GraphQL, and WebSocket communication. The difference lies in how they handle offline-first patterns, background processing, and real-time sync — areas where your specific requirements will guide the decision.",[14,8757,8759],{"id":8758},"making-the-final-call","Making the Final Call",[19,8761,8762],{},"Here is a summary decision matrix you can use with your team:",[124,8764,8765,8779],{},[127,8766,8767],{},[130,8768,8769,8772,8774,8776],{},[133,8770,8771],{},"Factor",[133,8773,7655],{},[133,8775,7658],{},[133,8777,8778],{},"Native",[143,8780,8781,8794,8807,8820,8832,8843,8855,8869,8881],{},[130,8782,8783,8786,8789,8792],{},[148,8784,8785],{},"Team knows JS/TS",[148,8787,8788],{},"Strong advantage",[148,8790,8791],{},"Neutral",[148,8793,8791],{},[130,8795,8796,8799,8801,8804],{},[148,8797,8798],{},"Code sharing with web",[148,8800,8788],{},[148,8802,8803],{},"Moderate",[148,8805,8806],{},"None",[130,8808,8809,8812,8815,8818],{},[148,8810,8811],{},"Custom brand UI",[148,8813,8814],{},"Good",[148,8816,8817],{},"Excellent",[148,8819,8817],{},[130,8821,8822,8825,8827,8830],{},[148,8823,8824],{},"Platform-native feel",[148,8826,8817],{},[148,8828,8829],{},"Good (requires effort)",[148,8831,8817],{},[130,8833,8834,8837,8839,8841],{},[148,8835,8836],{},"Animation performance",[148,8838,8814],{},[148,8840,8817],{},[148,8842,8817],{},[130,8844,8845,8848,8851,8853],{},[148,8846,8847],{},"Multi-platform (mobile + desktop)",[148,8849,8850],{},"Limited",[148,8852,8788],{},[148,8854,8806],{},[130,8856,8857,8860,8863,8866],{},[148,8858,8859],{},"Ecosystem size",[148,8861,8862],{},"Largest",[148,8864,8865],{},"Growing",[148,8867,8868],{},"Platform-specific",[130,8870,8871,8874,8877,8879],{},[148,8872,8873],{},"Hiring availability",[148,8875,8876],{},"Highest",[148,8878,8865],{},[148,8880,8803],{},[130,8882,8883,8886,8889,8891],{},[148,8884,8885],{},"Time to market",[148,8887,8888],{},"Fast",[148,8890,8888],{},[148,8892,8893],{},"Slower (2x codebase)",[19,8895,8896,8897,8900],{},"The framework debate generates strong opinions, but the reality is pragmatic. Both React Native and Flutter are capable of producing excellent ",[230,8898,8899],{"href":259},"mobile applications",". Your choice should be driven by your team, your timeline, and your technical context — not by framework advocacy.",[2357,8902],{},[19,8904,8905],{},[2180,8906,8907,8908,8911],{},"Not sure which framework fits your project? ",[230,8909,8910],{"href":2366},"Talk to our mobile engineering team"," for an honest, context-specific recommendation.",[2370,8913,8914],{},"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 .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 .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}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);}",{"title":289,"searchDepth":304,"depth":304,"links":8916},[8917,8918,8923,8929,8933,8938,8942,8943,8948],{"id":7541,"depth":304,"text":7542},{"id":7556,"depth":304,"text":7557,"children":8919},[8920,8921,8922],{"id":7563,"depth":319,"text":7564},{"id":7607,"depth":319,"text":7608},{"id":7643,"depth":319,"text":7644},{"id":7728,"depth":304,"text":7729,"children":8924},[8925,8926,8927,8928],{"id":7735,"depth":319,"text":7736},{"id":7745,"depth":319,"text":7746},{"id":7755,"depth":319,"text":7756},{"id":7765,"depth":319,"text":7766},{"id":7777,"depth":304,"text":7778,"children":8930},[8931,8932],{"id":7784,"depth":319,"text":7785},{"id":8266,"depth":319,"text":8267},{"id":8575,"depth":304,"text":8576,"children":8934},[8935,8936,8937],{"id":8582,"depth":319,"text":8583},{"id":8592,"depth":319,"text":8593},{"id":8614,"depth":319,"text":8615},{"id":8621,"depth":304,"text":8622,"children":8939},[8940,8941],{"id":8628,"depth":319,"text":8629},{"id":8660,"depth":319,"text":8661},{"id":8693,"depth":304,"text":8694},{"id":8729,"depth":304,"text":8730,"children":8944},[8945,8946,8947],{"id":8733,"depth":319,"text":8734},{"id":8740,"depth":319,"text":8741},{"id":8747,"depth":319,"text":8748},{"id":8758,"depth":304,"text":8759},"An objective comparison of React Native and Flutter covering performance, developer experience, ecosystem, and when to choose each for your mobile project.",{},"/blog/react-native-vs-flutter-2026",{"title":7533,"description":8949},"blog/react-native-vs-flutter-2026",[8955,7655,7658,8956],"Mobile Development","Cross-Platform","FT1hwnundZKV8CrYHRnD9vmvz7npa2CoAPvhOLcd_68",1784192087966]