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