[{"data":1,"prerenderedAt":4410},["ShallowReactive",2],{"footer-blog-posts":3,"blog-/blog/how-to-know-which-meta-ads-are-actually-making-money":507,"blog-related-/blog/how-to-know-which-meta-ads-are-actually-making-money":703},[4,333],{"id":5,"title":6,"author":7,"body":10,"category":313,"coverImage":314,"date":315,"description":316,"extension":317,"featured":318,"meta":319,"navigation":320,"path":321,"readingTime":322,"seo":323,"stem":324,"tags":325,"__hash__":332},"blog/blog/how-to-know-which-meta-ads-are-actually-making-money.md","How to Know Which of Your Meta Ads Are Actually Making Money (Not Just Getting Clicks)",{"name":8,"role":9},"Kavindi Fernando","Digital Strategy Lead",{"type":11,"value":12,"toc":298},"minimark",[13,17,24,27,30,35,43,46,53,60,64,67,72,75,78,82,85,88,91,95,98,105,108,121,124,128,131,134,137,143,147,150,222,225,229,232,235,238,241,245,248,259,262,265,277,279,284],[14,15,16],"p",{},"You're spending $1,500–$3,000 a month on Facebook ads. The dashboard shows clicks. The enquiry form gets submissions. Your agency reports a cost-per-lead that looks promising.",[14,18,19,20],{},"But here's the question most NZ business owners never get a clean answer to: ",[21,22,23],"strong",{},"which ads actually turned into revenue?",[14,25,26],{},"Not clicks. Not form fills. Actual, paying clients.",[14,28,29],{},"If you can't answer that with confidence, you're not running data-driven advertising. You're running an expensive guessing game.",[31,32,34],"h2",{"id":33},"why-most-businesses-stop-at-the-wrong-metric","Why Most Businesses Stop at the Wrong Metric",[14,36,37,38,42],{},"Most Facebook ad setups track ",[39,40,41],"em",{},"conversions"," — a form submission, a phone click, a landing page visit. That's better than nothing, but it creates a dangerous illusion of control.",[14,44,45],{},"A $500 campaign might generate 30 form fills at $16 each. Looks great on a report. But if those 30 enquiries included 20 people window-shopping, 5 who never replied to follow-up, and only 5 who became clients — your real cost per client is $100, not $16.",[14,47,48,49,52],{},"Worse: you might be scaling a campaign that ",[39,50,51],{},"feels"," like it's working while quietly pausing the one that was driving your best clients.",[54,55,57],"callout",{"type":56},"info",[14,58,59],{},"Tracking clicks is not the same as tracking revenue. The gap between your cost-per-lead and your actual cost-per-client is where most ad budgets quietly leak — and most businesses never measure it.",[31,61,63],{"id":62},"the-revenue-tracking-system-that-actually-works","The Revenue-Tracking System That Actually Works",[14,65,66],{},"Here's how to connect your Facebook ads all the way through to real money in the bank.",[68,69,71],"h3",{"id":70},"step-1-verify-your-pixel-is-actually-firing","Step 1: Verify Your Pixel Is Actually Firing",[14,73,74],{},"Before fixing anything upstream, check the foundation. Install the Meta Pixel Helper extension in Chrome and visit your own website. Every key page — homepage, service pages, contact form thank-you — should show the pixel firing without errors.",[14,76,77],{},"Many businesses have a pixel \"installed\" that broke during a website update, a plugin conflict, or a missed redirect. Fix the base before building on top of it.",[68,79,81],{"id":80},"step-2-add-server-side-tracking-conversions-api","Step 2: Add Server-Side Tracking (Conversions API)",[14,83,84],{},"Since Apple's iOS 14 changes, browser-based pixels have become significantly less reliable. Meta's own data suggests browser tracking alone can miss 15–25% of conversion events.",[14,86,87],{},"The Conversions API sends event data directly from your server to the ad platform — bypassing browser restrictions entirely. You run both the pixel and the API, and the platform deduplicates. Together, they recover a significant chunk of what the pixel alone misses.",[14,89,90],{},"On Shopify or WordPress with a good plugin, this is increasingly manageable without a developer. On custom-built sites, you'll likely need one.",[68,92,94],{"id":93},"step-3-track-the-right-conversion-event","Step 3: Track the Right Conversion Event",[14,96,97],{},"This is where most setups go wrong: they track the wrong thing.",[14,99,100,101,104],{},"\"Contact form submitted\" is a ",[39,102,103],{},"lead event",", not a revenue event. For most service businesses, the actual conversion is a booked consultation, a quote accepted, a deposit paid, or a contract signed.",[14,106,107],{},"Map your real customer journey:",[109,110,111,115,118],"ul",{},[112,113,114],"li",{},"Visitor → Enquiry (trackable on your website)",[112,116,117],{},"Enquiry → Qualified Lead (happens in your follow-up process)",[112,119,120],{},"Qualified Lead → Client (happens in your payment or booking system)",[14,122,123],{},"Assign estimated revenue values to each stage. If your average client is worth $5,000 and 1 in 5 enquiries converts, each enquiry is worth roughly $1,000 in expected value. Set that value in your conversion event — it helps the algorithm optimise toward higher-value leads rather than just volume.",[68,125,127],{"id":126},"step-4-use-utm-parameters-to-connect-ads-to-your-sales-records","Step 4: Use UTM Parameters to Connect Ads to Your Sales Records",[14,129,130],{},"Every ad should include UTM parameters — short tags appended to the destination URL that identify which campaign, ad set, and creative drove the click.",[14,132,133],{},"When that click lands on your site and someone submits your enquiry form, your form tool should capture those UTM values and store them alongside the enquiry record in your client management system.",[14,135,136],{},"Now when that enquiry becomes a client, you can trace it all the way back to the specific campaign, ad set, and creative that started the journey.",[54,138,140],{"type":139},"tip",[14,141,142],{},"Your form platform (Typeform, Gravity Forms, HubSpot, etc.) almost always has a built-in UTM capture feature. Enable it — it's one setting change that gives you a direct link between ad spend and clients won.",[68,144,146],{"id":145},"step-5-review-returns-at-revenue-level-not-click-level","Step 5: Review Returns at Revenue Level — Not Click Level",[14,148,149],{},"With the above in place, your monthly performance review looks completely different:",[151,152,153,178],"table",{},[154,155,156],"thead",{},[157,158,159,163,166,169,172,175],"tr",{},[160,161,162],"th",{},"Campaign",[160,164,165],{},"Spend",[160,167,168],{},"Enquiries",[160,170,171],{},"Clients",[160,173,174],{},"Revenue",[160,176,177],{},"Return",[179,180,181,202],"tbody",{},[157,182,183,187,190,193,196,199],{},[184,185,186],"td",{},"Campaign A",[184,188,189],{},"$800",[184,191,192],{},"15",[184,194,195],{},"3",[184,197,198],{},"$9,000",[184,200,201],{},"11.25×",[157,203,204,207,210,213,216,219],{},[184,205,206],{},"Campaign B",[184,208,209],{},"$700",[184,211,212],{},"40",[184,214,215],{},"1",[184,217,218],{},"$3,000",[184,220,221],{},"4.3×",[14,223,224],{},"Campaign B had more leads. Campaign A made more money. Without revenue tracking, you'd almost certainly fund the wrong one.",[31,226,228],{"id":227},"the-real-world-friction","The Real-World Friction",[14,230,231],{},"Setting this up sounds manageable when described step by step. Maintaining it is where most businesses fall short.",[14,233,234],{},"Every website update risks breaking the pixel. Platform changes erode data over time. UTM parameters silently break if your form doesn't capture them correctly. Agencies change, documentation disappears. Your client management system gets customised by someone who didn't know the tracking fields existed.",[14,236,237],{},"Revenue tracking isn't a one-time setup. It's infrastructure — and it needs to be treated that way: documented, monitored, and maintained regularly.",[14,239,240],{},"The deeper problem is that this system sits awkwardly across three different tools (ad platform, website, client management) and three different skill sets (paid media, web development, operations). It's nobody's core job, so it becomes nobody's job.",[31,242,244],{"id":243},"the-businesses-getting-the-most-from-their-ad-spend","The Businesses Getting the Most From Their Ad Spend",[14,246,247],{},"The ones running profitable, scalable campaigns share one thing: their ads, website, and client management systems are treated as a single connected engine — not three separate tools managed by three separate people.",[14,249,250,251,254,255,258],{},"When that connection exists, you stop scaling campaigns because they ",[39,252,253],{},"look"," like they're working. You scale them because you ",[39,256,257],{},"know"," they're working. You can see the revenue.",[14,260,261],{},"That's the difference between advertising and investing.",[263,264],"hr",{},[14,266,267],{},[39,268,269,270],{},"Want to build this without months of trial and error? CNEX builds websites and digital systems designed to answer exactly this question: which marketing is actually paying. ",[271,272,276],"a",{"href":273,"rel":274},"https://cnex.co.nz",[275],"nofollow","cnex.co.nz",[263,278],{},[14,280,281],{},[21,282,283],{},"Key Takeaways",[109,285,286,289,292,295],{},[112,287,288],{},"Tracking clicks and leads is not the same as tracking revenue — the gap is where most ad budgets quietly leak",[112,290,291],{},"A complete setup requires: Pixel + server-side tracking + UTM parameters + client management integration + revenue values on conversion events",[112,293,294],{},"Even when set up correctly, this system requires ongoing maintenance to stay accurate",[112,296,297],{},"When ads, website, and client management are one connected system, you can scale what actually makes money",{"title":299,"searchDepth":300,"depth":300,"links":301},"",2,[302,303,311,312],{"id":33,"depth":300,"text":34},{"id":62,"depth":300,"text":63,"children":304},[305,307,308,309,310],{"id":70,"depth":306,"text":71},3,{"id":80,"depth":306,"text":81},{"id":93,"depth":306,"text":94},{"id":126,"depth":306,"text":127},{"id":145,"depth":306,"text":146},{"id":227,"depth":300,"text":228},{"id":243,"depth":300,"text":244},"Culture","/images/blog/how-to-know-which-meta-ads-are-actually-making-money.webp","2026-07-26","Running Facebook ads and getting clicks, leads, even enquiries — but not sure which campaigns are actually profitable? Here's the revenue-tracking system that gives you real answers.","md",false,{},true,"/blog/how-to-know-which-meta-ads-are-actually-making-money","5 min read",{"title":6,"description":316},"blog/how-to-know-which-meta-ads-are-actually-making-money",[326,327,328,329,330,331],"Meta Ads","Facebook Advertising","Revenue Tracking","Digital Marketing","Ad Attribution","ROI","AOPWLcTkSnSL8s5_Wy7mih-yb5EsIuHm9tOhCM56OoE",{"id":334,"title":335,"author":336,"body":337,"category":313,"coverImage":492,"date":493,"description":494,"extension":317,"featured":318,"meta":495,"navigation":320,"path":496,"readingTime":497,"seo":498,"stem":499,"tags":500,"__hash__":506},"blog/blog/why-most-small-business-websites-dont-generate-leads.md","Why Most Small Business Websites Don't Generate Leads (And It Has Nothing to Do With Traffic)",{"name":8,"role":9},{"type":11,"value":338,"toc":486},[339,342,345,352,356,359,366,369,373,376,382,392,398,404,410,415,419,422,425,428,431,434,439,443,446,449,452,455,457,462,476],[14,340,341],{},"You've got a website. People are visiting it. And yet — the enquiries are barely trickling in.",[14,343,344],{},"The instinct is to assume it's a traffic problem. Get more visitors, get more leads. But here's the uncomfortable reality: if 97 out of every 100 people are already arriving at your site and leaving without contacting you, sending more people to the same system just means more missed opportunities.",[14,346,347,348,351],{},"The average small business website converts between 1–3% of visitors into leads. That means ",[21,349,350],{},"97–99% of people who visit your site leave without taking any action."," The gap between a 1% conversion rate and a 3% one isn't about traffic volume. It's about how your website actually works.",[31,353,355],{"id":354},"the-digital-brochure-problem","The Digital Brochure Problem",[14,357,358],{},"Most small business websites were built to be looked at, not to convert visitors into customers. They explain what a business does. They have a services page, an about page, maybe a contact form tucked in the footer. They represent the business well.",[14,360,361,362,365],{},"But they don't ",[39,363,364],{},"work"," for the business.",[14,367,368],{},"This is the digital brochure problem. Your site looks fine — but it was never designed as a system that moves a stranger (who knows nothing about you yet) through the journey that ends with them pressing \"get in touch.\"",[31,370,372],{"id":371},"what-a-lead-generating-website-actually-looks-like","What a Lead-Generating Website Actually Looks Like",[14,374,375],{},"The websites that consistently generate enquiries don't look radically different from the ones that don't. The difference is in the architecture — the invisible logic that guides every visitor toward a decision.",[14,377,378,381],{},[21,379,380],{},"One clear job per page."," Every page on your site should have a single primary goal. Your homepage converts a visitor into an enquiry or email subscriber. Your services page moves someone from interested to ready-to-contact. When a page tries to do five things, it does nothing.",[14,383,384,387,388,391],{},[21,385,386],{},"A trust sequence, not a features list."," Visitors arrive with one core question: ",[39,389,390],{},"can I trust these people?"," Most websites answer with \"here's what we do.\" A converting website answers with specific results (\"we helped a Wellington hospitality group increase online reservations by 60%\"), real social proof with named clients, team photos, and the kind of detail that signals genuine credibility.",[14,393,394,397],{},[21,395,396],{},"Genuine mobile-first design."," Mobile traffic accounts for roughly 65% of visits on most small business websites in 2026 — yet mobile converts at nearly half the rate of desktop (1.82% vs 3.14%). That gap exists not because mobile users don't buy, but because most websites make it harder to enquire on a phone: tiny buttons, awkward forms, slow loading times. \"Mobile-friendly\" and \"mobile-first\" are very different things.",[14,399,400,403],{},[21,401,402],{},"Zero-friction contact."," If your contact form asks for more than three fields, you're losing leads. Name, email, and one qualifying question. Every additional field is a reason to abandon the form. Your phone number should be tap-to-call. Your address should open Maps in one tap.",[14,405,406,409],{},[21,407,408],{},"Tracking that actually tells you something."," Do you know which page most enquiries come from? Which traffic source converts best? Where in the journey most visitors drop off? Without clean event tracking and conversion goals set up properly in Google Analytics 4, you're optimising blind — making changes and hoping for the best.",[54,411,412],{"type":56},[14,413,414],{},"A useful benchmark: if you're not measuring conversion rate by page and by traffic source, you cannot know where your site is leaking leads — and you cannot fix what you cannot see.",[31,416,418],{"id":417},"the-part-nobody-tells-you","The Part Nobody Tells You",[14,420,421],{},"Here's where it gets honest.",[14,423,424],{},"Everything above is real, correct, and worth acting on. Most business owners who read guides like this will nod, tweak a few things, and find the needle barely moves.",[14,426,427],{},"That's because the difference between a website that converts and one that doesn't is rarely one change. It's the accumulation of dozens of small decisions — made correctly, consistently, and monitored over time.",[14,429,430],{},"It's having tracking set up properly from day one. It's your contact form feeding directly into a CRM so no lead disappears into an inbox nobody checks. It's load times that don't frustrate mobile users. It's understanding, from actual data, which pages are doing the work — and which are quietly haemorrhaging visitor interest.",[14,432,433],{},"Most websites were built as a one-time project. But a lead-generating website is an ongoing system. The real cost of a \"set and forget\" site isn't what you paid to build it — it's the leads you don't know you're losing, month after month, because nobody is watching the data.",[54,435,436],{"type":139},[14,437,438],{},"Before spending another dollar on ads or SEO, audit your contact form. Reduce it to three fields maximum: name, email, and one qualifying question. For most small businesses, this single change produces a measurable uplift in enquiry rate within weeks.",[31,440,442],{"id":441},"the-businesses-getting-it-right","The Businesses Getting It Right",[14,444,445],{},"The businesses in New Zealand consistently generating leads online aren't necessarily the ones with the biggest budgets. They're the ones treating their website as a living conversion system — one that's connected to their CRM, has clean tracking, and gets reviewed regularly against actual performance data.",[14,447,448],{},"They know their conversion rate. They know where it leaks. And they fix those leaks before spending another dollar on traffic.",[14,450,451],{},"This is exactly the kind of system we help businesses build at CNEX — because we've seen too many well-designed websites quietly do nothing, and the difference almost never comes down to design. It comes down to architecture and attention.",[14,453,454],{},"If you're getting traffic but not leads, it might be worth a conversation about what's actually happening under the hood.",[263,456],{},[14,458,459],{},[21,460,461],{},"Key takeaways:",[109,463,464,467,470,473],{},[112,465,466],{},"97–99% of small business website visitors leave without taking action",[112,468,469],{},"The gap between 1% and 3% conversion rates is a systems problem, not a traffic problem",[112,471,472],{},"Mobile converts at nearly half the rate of desktop — and this gap is almost entirely fixable",[112,474,475],{},"A lead-generating website is an ongoing system, not a finished project",[14,477,478],{},[39,479,480,481,485],{},"Getting visitors but not enquiries? ",[271,482,484],{"href":483},"/contact","Talk to our team"," about a conversion audit — we'll show you exactly where your site is losing leads and what to do about it.",{"title":299,"searchDepth":300,"depth":300,"links":487},[488,489,490,491],{"id":354,"depth":300,"text":355},{"id":371,"depth":300,"text":372},{"id":417,"depth":300,"text":418},{"id":441,"depth":300,"text":442},"/images/blog/why-most-small-business-websites-dont-generate-leads.webp","2026-07-22","Getting visitors but not enquiries? The problem is almost certainly not traffic — it is how your website is built to convert the people already showing up.",{},"/blog/why-most-small-business-websites-dont-generate-leads","6 min read",{"title":335,"description":494},"blog/why-most-small-business-websites-dont-generate-leads",[501,502,503,504,505],"Web Design","Conversion Optimisation","Lead Generation","Small Business","Digital Strategy","4Sqp12GoBduqaBzEgIQGCFOeFyMDM_4w0A2dxRqEeY4",{"id":5,"title":6,"author":508,"body":509,"category":313,"coverImage":314,"date":315,"description":316,"extension":317,"featured":318,"meta":700,"navigation":320,"path":321,"readingTime":322,"seo":701,"stem":324,"tags":702,"__hash__":332},{"name":8,"role":9},{"type":11,"value":510,"toc":688},[511,513,517,519,521,523,527,529,533,537,539,541,543,545,547,549,551,553,555,557,559,563,565,573,575,577,579,581,583,587,589,591,639,641,643,645,647,649,651,653,655,661,663,665,672,674,678],[14,512,16],{},[14,514,19,515],{},[21,516,23],{},[14,518,26],{},[14,520,29],{},[31,522,34],{"id":33},[14,524,37,525,42],{},[39,526,41],{},[14,528,45],{},[14,530,48,531,52],{},[39,532,51],{},[54,534,535],{"type":56},[14,536,59],{},[31,538,63],{"id":62},[14,540,66],{},[68,542,71],{"id":70},[14,544,74],{},[14,546,77],{},[68,548,81],{"id":80},[14,550,84],{},[14,552,87],{},[14,554,90],{},[68,556,94],{"id":93},[14,558,97],{},[14,560,100,561,104],{},[39,562,103],{},[14,564,107],{},[109,566,567,569,571],{},[112,568,114],{},[112,570,117],{},[112,572,120],{},[14,574,123],{},[68,576,127],{"id":126},[14,578,130],{},[14,580,133],{},[14,582,136],{},[54,584,585],{"type":139},[14,586,142],{},[68,588,146],{"id":145},[14,590,149],{},[151,592,593,609],{},[154,594,595],{},[157,596,597,599,601,603,605,607],{},[160,598,162],{},[160,600,165],{},[160,602,168],{},[160,604,171],{},[160,606,174],{},[160,608,177],{},[179,610,611,625],{},[157,612,613,615,617,619,621,623],{},[184,614,186],{},[184,616,189],{},[184,618,192],{},[184,620,195],{},[184,622,198],{},[184,624,201],{},[157,626,627,629,631,633,635,637],{},[184,628,206],{},[184,630,209],{},[184,632,212],{},[184,634,215],{},[184,636,218],{},[184,638,221],{},[14,640,224],{},[31,642,228],{"id":227},[14,644,231],{},[14,646,234],{},[14,648,237],{},[14,650,240],{},[31,652,244],{"id":243},[14,654,247],{},[14,656,250,657,254,659,258],{},[39,658,253],{},[39,660,257],{},[14,662,261],{},[263,664],{},[14,666,667],{},[39,668,269,669],{},[271,670,276],{"href":273,"rel":671},[275],[263,673],{},[14,675,676],{},[21,677,283],{},[109,679,680,682,684,686],{},[112,681,288],{},[112,683,291],{},[112,685,294],{},[112,687,297],{},{"title":299,"searchDepth":300,"depth":300,"links":689},[690,691,698,699],{"id":33,"depth":300,"text":34},{"id":62,"depth":300,"text":63,"children":692},[693,694,695,696,697],{"id":70,"depth":306,"text":71},{"id":80,"depth":306,"text":81},{"id":93,"depth":306,"text":94},{"id":126,"depth":306,"text":127},{"id":145,"depth":306,"text":146},{"id":227,"depth":300,"text":228},{"id":243,"depth":300,"text":244},{},{"title":6,"description":316},[326,327,328,329,330,331],[704,813,3205],{"id":334,"title":335,"author":705,"body":706,"category":313,"coverImage":492,"date":493,"description":494,"extension":317,"featured":318,"meta":810,"navigation":320,"path":496,"readingTime":497,"seo":811,"stem":499,"tags":812,"__hash__":506},{"name":8,"role":9},{"type":11,"value":707,"toc":804},[708,710,712,716,718,720,724,726,728,730,734,740,744,748,752,756,758,760,762,764,766,768,772,774,776,778,780,782,784,788,798],[14,709,341],{},[14,711,344],{},[14,713,347,714,351],{},[21,715,350],{},[31,717,355],{"id":354},[14,719,358],{},[14,721,361,722,365],{},[39,723,364],{},[14,725,368],{},[31,727,372],{"id":371},[14,729,375],{},[14,731,732,381],{},[21,733,380],{},[14,735,736,387,738,391],{},[21,737,386],{},[39,739,390],{},[14,741,742,397],{},[21,743,396],{},[14,745,746,403],{},[21,747,402],{},[14,749,750,409],{},[21,751,408],{},[54,753,754],{"type":56},[14,755,414],{},[31,757,418],{"id":417},[14,759,421],{},[14,761,424],{},[14,763,427],{},[14,765,430],{},[14,767,433],{},[54,769,770],{"type":139},[14,771,438],{},[31,773,442],{"id":441},[14,775,445],{},[14,777,448],{},[14,779,451],{},[14,781,454],{},[263,783],{},[14,785,786],{},[21,787,461],{},[109,789,790,792,794,796],{},[112,791,466],{},[112,793,469],{},[112,795,472],{},[112,797,475],{},[14,799,800],{},[39,801,480,802,485],{},[271,803,484],{"href":483},{"title":299,"searchDepth":300,"depth":300,"links":805},[806,807,808,809],{"id":354,"depth":300,"text":355},{"id":371,"depth":300,"text":372},{"id":417,"depth":300,"text":418},{"id":441,"depth":300,"text":442},{},{"title":335,"description":494},[501,502,503,504,505],{"id":814,"title":815,"author":816,"body":819,"category":3191,"coverImage":3192,"date":3193,"description":3194,"extension":317,"featured":318,"meta":3195,"navigation":320,"path":3196,"readingTime":3197,"seo":3198,"stem":3199,"tags":3200,"__hash__":3204},"blog/blog/api-first-approach-guide.md","The API-First Approach: Why Leading Companies Build APIs Before Interfaces",{"name":817,"role":818},"Sahan De Silva","Lead Cloud Architect",{"type":11,"value":820,"toc":3158},[821,825,832,835,841,845,848,851,872,875,879,882,886,892,898,902,907,912,916,921,926,1009,1013,1016,1020,1023,1031,1035,1038,1042,1050,1058,1062,1065,1069,1072,1076,1079,1877,1880,1884,1887,1949,1952,1961,1965,1968,2456,2459,2463,2466,2478,2487,2496,2499,2513,2517,2520,2715,2718,2738,2743,2747,2750,2754,2798,2806,2810,2813,2817,2820,2824,2839,2843,2846,2957,2960,2964,2971,2975,2982,3090,3093,3097,3100,3132,3135,3143,3145,3154],[31,822,824],{"id":823},"apis-are-products-not-plumbing","APIs Are Products, Not Plumbing",[14,826,827,828,831],{},"The most successful software companies in the world — Stripe, Twilio, Shopify — share a common trait: they treat their APIs as first-class products. The ",[21,829,830],{},"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.",[14,833,834],{},"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.",[836,837,838],"blockquote",{},[14,839,840],{},"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.",[31,842,844],{"id":843},"what-is-api-first-development","What Is API-First Development?",[14,846,847],{},"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.",[14,849,850],{},"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:",[852,853,854,857,860,863,866,869],"ol",{},[112,855,856],{},"Stakeholders agree on the API contract (what data goes in, what comes out, what errors are possible)",[112,858,859],{},"The contract is documented in a machine-readable specification (OpenAPI, GraphQL SDL)",[112,861,862],{},"Mock servers are generated from the specification, enabling parallel development",[112,864,865],{},"Frontend, mobile, and backend teams build simultaneously against the contract",[112,867,868],{},"Contract tests verify that implementations match the specification",[112,870,871],{},"The API is versioned and maintained as a product, with its own lifecycle",[14,873,874],{},"This approach fundamentally changes how teams collaborate, how quickly features ship, and how reliably systems integrate.",[31,876,878],{"id":877},"api-first-vs-code-first-what-changes","API-First vs Code-First: What Changes",[14,880,881],{},"The differences between API-first and code-first development are practical, not just philosophical. Here is how each phase of development changes.",[68,883,885],{"id":884},"design-phase","Design Phase",[14,887,888,891],{},[21,889,890],{},"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.",[14,893,894,897],{},[21,895,896],{},"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.",[68,899,901],{"id":900},"development-phase","Development Phase",[14,903,904,906],{},[21,905,890],{},": 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.",[14,908,909,911],{},[21,910,896],{},": 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.",[68,913,915],{"id":914},"testing-phase","Testing Phase",[14,917,918,920],{},[21,919,890],{},": Integration tests are written after both sides are built, discovering contract mismatches late in the cycle.",[14,922,923,925],{},[21,924,896],{},": Contract tests run continuously, verifying that implementations conform to the specification. Consumer-driven contract testing ensures that API changes do not break existing consumers.",[151,927,928,941],{},[154,929,930],{},[157,931,932,935,938],{},[160,933,934],{},"Aspect",[160,936,937],{},"Code-First",[160,939,940],{},"API-First",[179,942,943,954,965,976,987,998],{},[157,944,945,948,951],{},[184,946,947],{},"Design input",[184,949,950],{},"Backend developer",[184,952,953],{},"Cross-functional stakeholders",[157,955,956,959,962],{},[184,957,958],{},"Specification",[184,960,961],{},"Generated from code (afterthought)",[184,963,964],{},"Written first (source of truth)",[157,966,967,970,973],{},[184,968,969],{},"Parallel development",[184,971,972],{},"Limited (sequential dependencies)",[184,974,975],{},"Full (mock servers from day one)",[157,977,978,981,984],{},[184,979,980],{},"Contract validation",[184,982,983],{},"Manual / late integration testing",[184,985,986],{},"Automated contract testing",[157,988,989,992,995],{},[184,990,991],{},"Documentation",[184,993,994],{},"Often stale",[184,996,997],{},"Always current (generated from spec)",[157,999,1000,1003,1006],{},[184,1001,1002],{},"Breaking change risk",[184,1004,1005],{},"High (discovered in production)",[184,1007,1008],{},"Low (caught in CI)",[31,1010,1012],{"id":1011},"the-business-case-for-api-first","The Business Case for API-First",[14,1014,1015],{},"API-first development is not just an engineering preference. It delivers measurable business value across multiple dimensions.",[68,1017,1019],{"id":1018},"faster-parallel-development","Faster Parallel Development",[14,1021,1022],{},"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.",[14,1024,1025,1026,1030],{},"For businesses working with an ",[271,1027,1029],{"href":1028},"/solutions/api-integrations","integration engineering partner",", this parallel development capability is transformative. It compresses timelines and reduces the coordination overhead that slows most projects.",[68,1032,1034],{"id":1033},"better-partner-and-third-party-integrations","Better Partner and Third-Party Integrations",[14,1036,1037],{},"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.",[68,1039,1041],{"id":1040},"future-proofing-your-technology-stack","Future-Proofing Your Technology Stack",[14,1043,1044,1045,1049],{},"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 ",[271,1046,1048],{"href":1047},"/solutions/connekz-integration","Connekz",", an IoT device, or a partner's platform — all without changing the backend.",[14,1051,1052,1053,1057],{},"This flexibility is particularly valuable for businesses planning ",[271,1054,1056],{"href":1055},"/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.",[68,1059,1061],{"id":1060},"reduced-rework-and-miscommunication","Reduced Rework and Miscommunication",[14,1063,1064],{},"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.",[31,1066,1068],{"id":1067},"implementation-patterns","Implementation Patterns",[14,1070,1071],{},"Moving from theory to practice requires specific tools, patterns, and workflows. Here is how to implement API-first development in your organisation.",[68,1073,1075],{"id":1074},"openapi-specification-design","OpenAPI Specification Design",[14,1077,1078],{},"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.",[1080,1081,1085],"pre",{"className":1082,"code":1083,"language":1084,"meta":299,"style":299},"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",[1086,1087,1088,1097,1111,1118,1130,1141,1152,1158,1166,1174,1182,1193,1204,1212,1221,1229,1240,1248,1256,1264,1275,1283,1291,1302,1310,1318,1326,1337,1345,1355,1362,1369,1376,1386,1394,1404,1411,1418,1425,1435,1440,1448,1456,1464,1475,1483,1491,1499,1507,1515,1523,1531,1542,1550,1559,1567,1575,1583,1592,1603,1613,1621,1630,1641,1652,1660,1669,1679,1687,1696,1706,1711,1719,1728,1735,1743,1752,1762,1770,1779,1786,1794,1802,1810,1817,1826,1833,1842,1851,1859,1868],"code",{"__ignoreMap":299},[1089,1090,1093],"span",{"class":1091,"line":1092},"line",1,[1089,1094,1096],{"class":1095},"sJ8bj","# openapi.yaml — Example specification for a booking API\n",[1089,1098,1099,1103,1107],{"class":1091,"line":300},[1089,1100,1102],{"class":1101},"s9eBZ","openapi",[1089,1104,1106],{"class":1105},"sVt8B",": ",[1089,1108,1110],{"class":1109},"sj4cs","3.1.0\n",[1089,1112,1113,1115],{"class":1091,"line":306},[1089,1114,56],{"class":1101},[1089,1116,1117],{"class":1105},":\n",[1089,1119,1121,1124,1126],{"class":1091,"line":1120},4,[1089,1122,1123],{"class":1101},"  title",[1089,1125,1106],{"class":1105},[1089,1127,1129],{"class":1128},"sZZnC","Booking API\n",[1089,1131,1133,1136,1138],{"class":1091,"line":1132},5,[1089,1134,1135],{"class":1101},"  version",[1089,1137,1106],{"class":1105},[1089,1139,1140],{"class":1109},"2.0.0\n",[1089,1142,1144,1147,1149],{"class":1091,"line":1143},6,[1089,1145,1146],{"class":1101},"  description",[1089,1148,1106],{"class":1105},[1089,1150,1151],{"class":1128},"API for managing customer bookings and appointments\n",[1089,1153,1155],{"class":1091,"line":1154},7,[1089,1156,1157],{"emptyLinePlaceholder":320},"\n",[1089,1159,1161,1164],{"class":1091,"line":1160},8,[1089,1162,1163],{"class":1101},"paths",[1089,1165,1117],{"class":1105},[1089,1167,1169,1172],{"class":1091,"line":1168},9,[1089,1170,1171],{"class":1101},"  /bookings",[1089,1173,1117],{"class":1105},[1089,1175,1177,1180],{"class":1091,"line":1176},10,[1089,1178,1179],{"class":1101},"    post",[1089,1181,1117],{"class":1105},[1089,1183,1185,1188,1190],{"class":1091,"line":1184},11,[1089,1186,1187],{"class":1101},"      operationId",[1089,1189,1106],{"class":1105},[1089,1191,1192],{"class":1128},"createBooking\n",[1089,1194,1196,1199,1201],{"class":1091,"line":1195},12,[1089,1197,1198],{"class":1101},"      summary",[1089,1200,1106],{"class":1105},[1089,1202,1203],{"class":1128},"Create a new booking\n",[1089,1205,1207,1210],{"class":1091,"line":1206},13,[1089,1208,1209],{"class":1101},"      tags",[1089,1211,1117],{"class":1105},[1089,1213,1215,1218],{"class":1091,"line":1214},14,[1089,1216,1217],{"class":1105},"        - ",[1089,1219,1220],{"class":1128},"Bookings\n",[1089,1222,1224,1227],{"class":1091,"line":1223},15,[1089,1225,1226],{"class":1101},"      requestBody",[1089,1228,1117],{"class":1105},[1089,1230,1232,1235,1237],{"class":1091,"line":1231},16,[1089,1233,1234],{"class":1101},"        required",[1089,1236,1106],{"class":1105},[1089,1238,1239],{"class":1109},"true\n",[1089,1241,1243,1246],{"class":1091,"line":1242},17,[1089,1244,1245],{"class":1101},"        content",[1089,1247,1117],{"class":1105},[1089,1249,1251,1254],{"class":1091,"line":1250},18,[1089,1252,1253],{"class":1101},"          application/json",[1089,1255,1117],{"class":1105},[1089,1257,1259,1262],{"class":1091,"line":1258},19,[1089,1260,1261],{"class":1101},"            schema",[1089,1263,1117],{"class":1105},[1089,1265,1267,1270,1272],{"class":1091,"line":1266},20,[1089,1268,1269],{"class":1101},"              $ref",[1089,1271,1106],{"class":1105},[1089,1273,1274],{"class":1128},"'#/components/schemas/CreateBookingRequest'\n",[1089,1276,1278,1281],{"class":1091,"line":1277},21,[1089,1279,1280],{"class":1101},"      responses",[1089,1282,1117],{"class":1105},[1089,1284,1286,1289],{"class":1091,"line":1285},22,[1089,1287,1288],{"class":1128},"        '201'",[1089,1290,1117],{"class":1105},[1089,1292,1294,1297,1299],{"class":1091,"line":1293},23,[1089,1295,1296],{"class":1101},"          description",[1089,1298,1106],{"class":1105},[1089,1300,1301],{"class":1128},"Booking created successfully\n",[1089,1303,1305,1308],{"class":1091,"line":1304},24,[1089,1306,1307],{"class":1101},"          content",[1089,1309,1117],{"class":1105},[1089,1311,1313,1316],{"class":1091,"line":1312},25,[1089,1314,1315],{"class":1101},"            application/json",[1089,1317,1117],{"class":1105},[1089,1319,1321,1324],{"class":1091,"line":1320},26,[1089,1322,1323],{"class":1101},"              schema",[1089,1325,1117],{"class":1105},[1089,1327,1329,1332,1334],{"class":1091,"line":1328},27,[1089,1330,1331],{"class":1101},"                $ref",[1089,1333,1106],{"class":1105},[1089,1335,1336],{"class":1128},"'#/components/schemas/BookingResponse'\n",[1089,1338,1340,1343],{"class":1091,"line":1339},28,[1089,1341,1342],{"class":1128},"        '409'",[1089,1344,1117],{"class":1105},[1089,1346,1348,1350,1352],{"class":1091,"line":1347},29,[1089,1349,1296],{"class":1101},[1089,1351,1106],{"class":1105},[1089,1353,1354],{"class":1128},"Time slot no longer available\n",[1089,1356,1358,1360],{"class":1091,"line":1357},30,[1089,1359,1307],{"class":1101},[1089,1361,1117],{"class":1105},[1089,1363,1365,1367],{"class":1091,"line":1364},31,[1089,1366,1315],{"class":1101},[1089,1368,1117],{"class":1105},[1089,1370,1372,1374],{"class":1091,"line":1371},32,[1089,1373,1323],{"class":1101},[1089,1375,1117],{"class":1105},[1089,1377,1379,1381,1383],{"class":1091,"line":1378},33,[1089,1380,1331],{"class":1101},[1089,1382,1106],{"class":1105},[1089,1384,1385],{"class":1128},"'#/components/schemas/ErrorResponse'\n",[1089,1387,1389,1392],{"class":1091,"line":1388},34,[1089,1390,1391],{"class":1128},"        '422'",[1089,1393,1117],{"class":1105},[1089,1395,1397,1399,1401],{"class":1091,"line":1396},35,[1089,1398,1296],{"class":1101},[1089,1400,1106],{"class":1105},[1089,1402,1403],{"class":1128},"Validation error\n",[1089,1405,1407,1409],{"class":1091,"line":1406},36,[1089,1408,1307],{"class":1101},[1089,1410,1117],{"class":1105},[1089,1412,1414,1416],{"class":1091,"line":1413},37,[1089,1415,1315],{"class":1101},[1089,1417,1117],{"class":1105},[1089,1419,1421,1423],{"class":1091,"line":1420},38,[1089,1422,1323],{"class":1101},[1089,1424,1117],{"class":1105},[1089,1426,1428,1430,1432],{"class":1091,"line":1427},39,[1089,1429,1331],{"class":1101},[1089,1431,1106],{"class":1105},[1089,1433,1434],{"class":1128},"'#/components/schemas/ValidationErrorResponse'\n",[1089,1436,1438],{"class":1091,"line":1437},40,[1089,1439,1157],{"emptyLinePlaceholder":320},[1089,1441,1443,1446],{"class":1091,"line":1442},41,[1089,1444,1445],{"class":1101},"components",[1089,1447,1117],{"class":1105},[1089,1449,1451,1454],{"class":1091,"line":1450},42,[1089,1452,1453],{"class":1101},"  schemas",[1089,1455,1117],{"class":1105},[1089,1457,1459,1462],{"class":1091,"line":1458},43,[1089,1460,1461],{"class":1101},"    CreateBookingRequest",[1089,1463,1117],{"class":1105},[1089,1465,1467,1470,1472],{"class":1091,"line":1466},44,[1089,1468,1469],{"class":1101},"      type",[1089,1471,1106],{"class":1105},[1089,1473,1474],{"class":1128},"object\n",[1089,1476,1478,1481],{"class":1091,"line":1477},45,[1089,1479,1480],{"class":1101},"      required",[1089,1482,1117],{"class":1105},[1089,1484,1486,1488],{"class":1091,"line":1485},46,[1089,1487,1217],{"class":1105},[1089,1489,1490],{"class":1128},"serviceType\n",[1089,1492,1494,1496],{"class":1091,"line":1493},47,[1089,1495,1217],{"class":1105},[1089,1497,1498],{"class":1128},"dateTime\n",[1089,1500,1502,1504],{"class":1091,"line":1501},48,[1089,1503,1217],{"class":1105},[1089,1505,1506],{"class":1128},"customerName\n",[1089,1508,1510,1512],{"class":1091,"line":1509},49,[1089,1511,1217],{"class":1105},[1089,1513,1514],{"class":1128},"customerEmail\n",[1089,1516,1518,1521],{"class":1091,"line":1517},50,[1089,1519,1520],{"class":1101},"      properties",[1089,1522,1117],{"class":1105},[1089,1524,1526,1529],{"class":1091,"line":1525},51,[1089,1527,1528],{"class":1101},"        serviceType",[1089,1530,1117],{"class":1105},[1089,1532,1534,1537,1539],{"class":1091,"line":1533},52,[1089,1535,1536],{"class":1101},"          type",[1089,1538,1106],{"class":1105},[1089,1540,1541],{"class":1128},"string\n",[1089,1543,1545,1548],{"class":1091,"line":1544},53,[1089,1546,1547],{"class":1101},"          enum",[1089,1549,1117],{"class":1105},[1089,1551,1553,1556],{"class":1091,"line":1552},54,[1089,1554,1555],{"class":1105},"            - ",[1089,1557,1558],{"class":1128},"consultation\n",[1089,1560,1562,1564],{"class":1091,"line":1561},55,[1089,1563,1555],{"class":1105},[1089,1565,1566],{"class":1128},"follow-up\n",[1089,1568,1570,1572],{"class":1091,"line":1569},56,[1089,1571,1555],{"class":1105},[1089,1573,1574],{"class":1128},"treatment\n",[1089,1576,1578,1581],{"class":1091,"line":1577},57,[1089,1579,1580],{"class":1101},"        dateTime",[1089,1582,1117],{"class":1105},[1089,1584,1586,1588,1590],{"class":1091,"line":1585},58,[1089,1587,1536],{"class":1101},[1089,1589,1106],{"class":1105},[1089,1591,1541],{"class":1128},[1089,1593,1595,1598,1600],{"class":1091,"line":1594},59,[1089,1596,1597],{"class":1101},"          format",[1089,1599,1106],{"class":1105},[1089,1601,1602],{"class":1128},"date-time\n",[1089,1604,1606,1608,1610],{"class":1091,"line":1605},60,[1089,1607,1296],{"class":1101},[1089,1609,1106],{"class":1105},[1089,1611,1612],{"class":1128},"ISO 8601 date-time for the appointment\n",[1089,1614,1616,1619],{"class":1091,"line":1615},61,[1089,1617,1618],{"class":1101},"        customerName",[1089,1620,1117],{"class":1105},[1089,1622,1624,1626,1628],{"class":1091,"line":1623},62,[1089,1625,1536],{"class":1101},[1089,1627,1106],{"class":1105},[1089,1629,1541],{"class":1128},[1089,1631,1633,1636,1638],{"class":1091,"line":1632},63,[1089,1634,1635],{"class":1101},"          minLength",[1089,1637,1106],{"class":1105},[1089,1639,1640],{"class":1109},"2\n",[1089,1642,1644,1647,1649],{"class":1091,"line":1643},64,[1089,1645,1646],{"class":1101},"          maxLength",[1089,1648,1106],{"class":1105},[1089,1650,1651],{"class":1109},"100\n",[1089,1653,1655,1658],{"class":1091,"line":1654},65,[1089,1656,1657],{"class":1101},"        customerEmail",[1089,1659,1117],{"class":1105},[1089,1661,1663,1665,1667],{"class":1091,"line":1662},66,[1089,1664,1536],{"class":1101},[1089,1666,1106],{"class":1105},[1089,1668,1541],{"class":1128},[1089,1670,1672,1674,1676],{"class":1091,"line":1671},67,[1089,1673,1597],{"class":1101},[1089,1675,1106],{"class":1105},[1089,1677,1678],{"class":1128},"email\n",[1089,1680,1682,1685],{"class":1091,"line":1681},68,[1089,1683,1684],{"class":1101},"        notes",[1089,1686,1117],{"class":1105},[1089,1688,1690,1692,1694],{"class":1091,"line":1689},69,[1089,1691,1536],{"class":1101},[1089,1693,1106],{"class":1105},[1089,1695,1541],{"class":1128},[1089,1697,1699,1701,1703],{"class":1091,"line":1698},70,[1089,1700,1646],{"class":1101},[1089,1702,1106],{"class":1105},[1089,1704,1705],{"class":1109},"500\n",[1089,1707,1709],{"class":1091,"line":1708},71,[1089,1710,1157],{"emptyLinePlaceholder":320},[1089,1712,1714,1717],{"class":1091,"line":1713},72,[1089,1715,1716],{"class":1101},"    BookingResponse",[1089,1718,1117],{"class":1105},[1089,1720,1722,1724,1726],{"class":1091,"line":1721},73,[1089,1723,1469],{"class":1101},[1089,1725,1106],{"class":1105},[1089,1727,1474],{"class":1128},[1089,1729,1731,1733],{"class":1091,"line":1730},74,[1089,1732,1520],{"class":1101},[1089,1734,1117],{"class":1105},[1089,1736,1738,1741],{"class":1091,"line":1737},75,[1089,1739,1740],{"class":1101},"        id",[1089,1742,1117],{"class":1105},[1089,1744,1746,1748,1750],{"class":1091,"line":1745},76,[1089,1747,1536],{"class":1101},[1089,1749,1106],{"class":1105},[1089,1751,1541],{"class":1128},[1089,1753,1755,1757,1759],{"class":1091,"line":1754},77,[1089,1756,1597],{"class":1101},[1089,1758,1106],{"class":1105},[1089,1760,1761],{"class":1128},"uuid\n",[1089,1763,1765,1768],{"class":1091,"line":1764},78,[1089,1766,1767],{"class":1101},"        status",[1089,1769,1117],{"class":1105},[1089,1771,1773,1775,1777],{"class":1091,"line":1772},79,[1089,1774,1536],{"class":1101},[1089,1776,1106],{"class":1105},[1089,1778,1541],{"class":1128},[1089,1780,1782,1784],{"class":1091,"line":1781},80,[1089,1783,1547],{"class":1101},[1089,1785,1117],{"class":1105},[1089,1787,1789,1791],{"class":1091,"line":1788},81,[1089,1790,1555],{"class":1105},[1089,1792,1793],{"class":1128},"confirmed\n",[1089,1795,1797,1799],{"class":1091,"line":1796},82,[1089,1798,1555],{"class":1105},[1089,1800,1801],{"class":1128},"pending\n",[1089,1803,1805,1807],{"class":1091,"line":1804},83,[1089,1806,1555],{"class":1105},[1089,1808,1809],{"class":1128},"cancelled\n",[1089,1811,1813,1815],{"class":1091,"line":1812},84,[1089,1814,1528],{"class":1101},[1089,1816,1117],{"class":1105},[1089,1818,1820,1822,1824],{"class":1091,"line":1819},85,[1089,1821,1536],{"class":1101},[1089,1823,1106],{"class":1105},[1089,1825,1541],{"class":1128},[1089,1827,1829,1831],{"class":1091,"line":1828},86,[1089,1830,1580],{"class":1101},[1089,1832,1117],{"class":1105},[1089,1834,1836,1838,1840],{"class":1091,"line":1835},87,[1089,1837,1536],{"class":1101},[1089,1839,1106],{"class":1105},[1089,1841,1541],{"class":1128},[1089,1843,1845,1847,1849],{"class":1091,"line":1844},88,[1089,1846,1597],{"class":1101},[1089,1848,1106],{"class":1105},[1089,1850,1602],{"class":1128},[1089,1852,1854,1857],{"class":1091,"line":1853},89,[1089,1855,1856],{"class":1101},"        createdAt",[1089,1858,1117],{"class":1105},[1089,1860,1862,1864,1866],{"class":1091,"line":1861},90,[1089,1863,1536],{"class":1101},[1089,1865,1106],{"class":1105},[1089,1867,1541],{"class":1128},[1089,1869,1871,1873,1875],{"class":1091,"line":1870},91,[1089,1872,1597],{"class":1101},[1089,1874,1106],{"class":1105},[1089,1876,1602],{"class":1128},[14,1878,1879],{},"This specification is machine-readable. From it, you can generate mock servers, client SDKs, validation middleware, and interactive documentation — all automatically.",[68,1881,1883],{"id":1882},"mock-first-development","Mock-First Development",[14,1885,1886],{},"Once the specification is written, generate mock servers so that consumer teams can start building immediately.",[1080,1888,1892],{"className":1889,"code":1890,"language":1891,"meta":299,"style":299},"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",[1086,1893,1894,1899,1920,1924,1929,1934],{"__ignoreMap":299},[1089,1895,1896],{"class":1091,"line":1092},[1089,1897,1898],{"class":1095},"# Generate a mock server from your OpenAPI spec using Prism\n",[1089,1900,1901,1905,1908,1911,1914,1917],{"class":1091,"line":300},[1089,1902,1904],{"class":1903},"sScJk","npx",[1089,1906,1907],{"class":1128}," @stoplight/prism-cli",[1089,1909,1910],{"class":1128}," mock",[1089,1912,1913],{"class":1128}," openapi.yaml",[1089,1915,1916],{"class":1109}," --port",[1089,1918,1919],{"class":1109}," 4010\n",[1089,1921,1922],{"class":1091,"line":306},[1089,1923,1157],{"emptyLinePlaceholder":320},[1089,1925,1926],{"class":1091,"line":1120},[1089,1927,1928],{"class":1095},"# Or use MSW (Mock Service Worker) for frontend testing\n",[1089,1930,1931],{"class":1091,"line":1132},[1089,1932,1933],{"class":1095},"# msw generates handlers from OpenAPI specs\n",[1089,1935,1936,1938,1941,1943,1946],{"class":1091,"line":1143},[1089,1937,1904],{"class":1903},[1089,1939,1940],{"class":1128}," msw-auto-mock",[1089,1942,1913],{"class":1128},[1089,1944,1945],{"class":1109}," --output",[1089,1947,1948],{"class":1128}," ./src/mocks/handlers.ts\n",[14,1950,1951],{},"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.",[54,1953,1954],{"type":139},[14,1955,1956,1957,1960],{},"Invest time in adding ",[1086,1958,1959],{},"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.",[68,1962,1964],{"id":1963},"contract-testing-with-pact","Contract Testing with Pact",[14,1966,1967],{},"Contract testing verifies that API producers and consumers agree on the interface. Pact is the most widely adopted tool for consumer-driven contract testing.",[1080,1969,1973],{"className":1970,"code":1971,"language":1972,"meta":299,"style":299},"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",[1086,1974,1975,1980,1998,2002,2022,2033,2043,2048,2052,2072,2095,2103,2114,2129,2143,2174,2179,2201,2210,2220,2230,2240,2250,2255,2260,2282,2291,2307,2317,2326,2335,2340,2344,2367,2386,2394,2402,2411,2420,2424,2442,2447,2452],{"__ignoreMap":299},[1089,1976,1977],{"class":1091,"line":1092},[1089,1978,1979],{"class":1095},"// Consumer-side contract test (frontend/mobile team writes this)\n",[1089,1981,1982,1986,1989,1992,1995],{"class":1091,"line":300},[1089,1983,1985],{"class":1984},"szBVR","import",[1089,1987,1988],{"class":1105}," { PactV4 } ",[1089,1990,1991],{"class":1984},"from",[1089,1993,1994],{"class":1128}," '@pact-foundation/pact'",[1089,1996,1997],{"class":1105},";\n",[1089,1999,2000],{"class":1091,"line":306},[1089,2001,1157],{"emptyLinePlaceholder":320},[1089,2003,2004,2007,2010,2013,2016,2019],{"class":1091,"line":1120},[1089,2005,2006],{"class":1984},"const",[1089,2008,2009],{"class":1109}," provider",[1089,2011,2012],{"class":1984}," =",[1089,2014,2015],{"class":1984}," new",[1089,2017,2018],{"class":1903}," PactV4",[1089,2020,2021],{"class":1105},"({\n",[1089,2023,2024,2027,2030],{"class":1091,"line":1132},[1089,2025,2026],{"class":1105},"  consumer: ",[1089,2028,2029],{"class":1128},"'BookingWebApp'",[1089,2031,2032],{"class":1105},",\n",[1089,2034,2035,2038,2041],{"class":1091,"line":1143},[1089,2036,2037],{"class":1105},"  provider: ",[1089,2039,2040],{"class":1128},"'BookingAPI'",[1089,2042,2032],{"class":1105},[1089,2044,2045],{"class":1091,"line":1154},[1089,2046,2047],{"class":1105},"});\n",[1089,2049,2050],{"class":1091,"line":1160},[1089,2051,1157],{"emptyLinePlaceholder":320},[1089,2053,2054,2057,2060,2063,2066,2069],{"class":1091,"line":1168},[1089,2055,2056],{"class":1903},"describe",[1089,2058,2059],{"class":1105},"(",[1089,2061,2062],{"class":1128},"'Booking API Contract'",[1089,2064,2065],{"class":1105},", () ",[1089,2067,2068],{"class":1984},"=>",[1089,2070,2071],{"class":1105}," {\n",[1089,2073,2074,2077,2079,2082,2085,2088,2091,2093],{"class":1091,"line":1176},[1089,2075,2076],{"class":1903},"  it",[1089,2078,2059],{"class":1105},[1089,2080,2081],{"class":1128},"'creates a booking successfully'",[1089,2083,2084],{"class":1105},", ",[1089,2086,2087],{"class":1984},"async",[1089,2089,2090],{"class":1105}," () ",[1089,2092,2068],{"class":1984},[1089,2094,2071],{"class":1105},[1089,2096,2097,2100],{"class":1091,"line":1184},[1089,2098,2099],{"class":1984},"    await",[1089,2101,2102],{"class":1105}," provider\n",[1089,2104,2105,2108,2111],{"class":1091,"line":1195},[1089,2106,2107],{"class":1105},"      .",[1089,2109,2110],{"class":1903},"addInteraction",[1089,2112,2113],{"class":1105},"()\n",[1089,2115,2116,2118,2121,2123,2126],{"class":1091,"line":1206},[1089,2117,2107],{"class":1105},[1089,2119,2120],{"class":1903},"given",[1089,2122,2059],{"class":1105},[1089,2124,2125],{"class":1128},"'available time slot exists'",[1089,2127,2128],{"class":1105},")\n",[1089,2130,2131,2133,2136,2138,2141],{"class":1091,"line":1214},[1089,2132,2107],{"class":1105},[1089,2134,2135],{"class":1903},"uponReceiving",[1089,2137,2059],{"class":1105},[1089,2139,2140],{"class":1128},"'a request to create a booking'",[1089,2142,2128],{"class":1105},[1089,2144,2145,2147,2150,2152,2155,2157,2160,2163,2167,2170,2172],{"class":1091,"line":1223},[1089,2146,2107],{"class":1105},[1089,2148,2149],{"class":1903},"withRequest",[1089,2151,2059],{"class":1105},[1089,2153,2154],{"class":1128},"'POST'",[1089,2156,2084],{"class":1105},[1089,2158,2159],{"class":1128},"'/bookings'",[1089,2161,2162],{"class":1105},", (",[1089,2164,2166],{"class":2165},"s4XuR","builder",[1089,2168,2169],{"class":1105},") ",[1089,2171,2068],{"class":1984},[1089,2173,2071],{"class":1105},[1089,2175,2176],{"class":1091,"line":1231},[1089,2177,2178],{"class":1105},"        builder\n",[1089,2180,2181,2184,2187,2190,2193,2195,2198],{"class":1091,"line":1242},[1089,2182,2183],{"class":1105},"          .",[1089,2185,2186],{"class":1903},"headers",[1089,2188,2189],{"class":1105},"({ ",[1089,2191,2192],{"class":1128},"'Content-Type'",[1089,2194,1106],{"class":1105},[1089,2196,2197],{"class":1128},"'application/json'",[1089,2199,2200],{"class":1105}," })\n",[1089,2202,2203,2205,2208],{"class":1091,"line":1250},[1089,2204,2183],{"class":1105},[1089,2206,2207],{"class":1903},"jsonBody",[1089,2209,2021],{"class":1105},[1089,2211,2212,2215,2218],{"class":1091,"line":1258},[1089,2213,2214],{"class":1105},"            serviceType: ",[1089,2216,2217],{"class":1128},"'consultation'",[1089,2219,2032],{"class":1105},[1089,2221,2222,2225,2228],{"class":1091,"line":1266},[1089,2223,2224],{"class":1105},"            dateTime: ",[1089,2226,2227],{"class":1128},"'2026-02-17T14:30:00Z'",[1089,2229,2032],{"class":1105},[1089,2231,2232,2235,2238],{"class":1091,"line":1277},[1089,2233,2234],{"class":1105},"            customerName: ",[1089,2236,2237],{"class":1128},"'Sarah Chen'",[1089,2239,2032],{"class":1105},[1089,2241,2242,2245,2248],{"class":1091,"line":1285},[1089,2243,2244],{"class":1105},"            customerEmail: ",[1089,2246,2247],{"class":1128},"'sarah@example.com'",[1089,2249,2032],{"class":1105},[1089,2251,2252],{"class":1091,"line":1293},[1089,2253,2254],{"class":1105},"          });\n",[1089,2256,2257],{"class":1091,"line":1304},[1089,2258,2259],{"class":1105},"      })\n",[1089,2261,2262,2264,2267,2269,2272,2274,2276,2278,2280],{"class":1091,"line":1312},[1089,2263,2107],{"class":1105},[1089,2265,2266],{"class":1903},"willRespondWith",[1089,2268,2059],{"class":1105},[1089,2270,2271],{"class":1109},"201",[1089,2273,2162],{"class":1105},[1089,2275,2166],{"class":2165},[1089,2277,2169],{"class":1105},[1089,2279,2068],{"class":1984},[1089,2281,2071],{"class":1105},[1089,2283,2284,2287,2289],{"class":1091,"line":1320},[1089,2285,2286],{"class":1105},"        builder.",[1089,2288,2207],{"class":1903},[1089,2290,2021],{"class":1105},[1089,2292,2293,2296,2299,2301,2304],{"class":1091,"line":1328},[1089,2294,2295],{"class":1105},"          id: provider.",[1089,2297,2298],{"class":1903},"like",[1089,2300,2059],{"class":1105},[1089,2302,2303],{"class":1128},"'f47ac10b-58cc-4372-a567-0e02b2c3d479'",[1089,2305,2306],{"class":1105},"),\n",[1089,2308,2309,2312,2315],{"class":1091,"line":1339},[1089,2310,2311],{"class":1105},"          status: ",[1089,2313,2314],{"class":1128},"'confirmed'",[1089,2316,2032],{"class":1105},[1089,2318,2319,2322,2324],{"class":1091,"line":1347},[1089,2320,2321],{"class":1105},"          serviceType: ",[1089,2323,2217],{"class":1128},[1089,2325,2032],{"class":1105},[1089,2327,2328,2331,2333],{"class":1091,"line":1357},[1089,2329,2330],{"class":1105},"          dateTime: ",[1089,2332,2227],{"class":1128},[1089,2334,2032],{"class":1105},[1089,2336,2337],{"class":1091,"line":1364},[1089,2338,2339],{"class":1105},"        });\n",[1089,2341,2342],{"class":1091,"line":1371},[1089,2343,2259],{"class":1105},[1089,2345,2346,2348,2351,2353,2355,2358,2361,2363,2365],{"class":1091,"line":1378},[1089,2347,2107],{"class":1105},[1089,2349,2350],{"class":1903},"executeTest",[1089,2352,2059],{"class":1105},[1089,2354,2087],{"class":1984},[1089,2356,2357],{"class":1105}," (",[1089,2359,2360],{"class":2165},"mockServer",[1089,2362,2169],{"class":1105},[1089,2364,2068],{"class":1984},[1089,2366,2071],{"class":1105},[1089,2368,2369,2372,2375,2377,2380,2383],{"class":1091,"line":1388},[1089,2370,2371],{"class":1984},"        const",[1089,2373,2374],{"class":1109}," response",[1089,2376,2012],{"class":1984},[1089,2378,2379],{"class":1984}," await",[1089,2381,2382],{"class":1903}," createBooking",[1089,2384,2385],{"class":1105},"(mockServer.url, {\n",[1089,2387,2388,2390,2392],{"class":1091,"line":1396},[1089,2389,2321],{"class":1105},[1089,2391,2217],{"class":1128},[1089,2393,2032],{"class":1105},[1089,2395,2396,2398,2400],{"class":1091,"line":1406},[1089,2397,2330],{"class":1105},[1089,2399,2227],{"class":1128},[1089,2401,2032],{"class":1105},[1089,2403,2404,2407,2409],{"class":1091,"line":1413},[1089,2405,2406],{"class":1105},"          customerName: ",[1089,2408,2237],{"class":1128},[1089,2410,2032],{"class":1105},[1089,2412,2413,2416,2418],{"class":1091,"line":1420},[1089,2414,2415],{"class":1105},"          customerEmail: ",[1089,2417,2247],{"class":1128},[1089,2419,2032],{"class":1105},[1089,2421,2422],{"class":1091,"line":1427},[1089,2423,2339],{"class":1105},[1089,2425,2426,2429,2432,2435,2437,2439],{"class":1091,"line":1437},[1089,2427,2428],{"class":1903},"        expect",[1089,2430,2431],{"class":1105},"(response.status).",[1089,2433,2434],{"class":1903},"toBe",[1089,2436,2059],{"class":1105},[1089,2438,2314],{"class":1128},[1089,2440,2441],{"class":1105},");\n",[1089,2443,2444],{"class":1091,"line":1442},[1089,2445,2446],{"class":1105},"      });\n",[1089,2448,2449],{"class":1091,"line":1450},[1089,2450,2451],{"class":1105},"  });\n",[1089,2453,2454],{"class":1091,"line":1458},[1089,2455,2047],{"class":1105},[14,2457,2458],{},"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.",[68,2460,2462],{"id":2461},"api-versioning-strategies","API Versioning Strategies",[14,2464,2465],{},"APIs evolve. Versioning ensures that existing consumers continue to work while new consumers benefit from improvements. There are three common strategies:",[14,2467,2468,2357,2471,2084,2474,2477],{},[21,2469,2470],{},"URL path versioning",[1086,2472,2473],{},"/v1/bookings",[1086,2475,2476],{},"/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.",[14,2479,2480,2357,2483,2486],{},[21,2481,2482],{},"Header versioning",[1086,2484,2485],{},"Accept: application/vnd.api.v2+json","): Keeps URLs clean but is harder to discover and test. Better suited for APIs with sophisticated consumers.",[14,2488,2489,2357,2492,2495],{},[21,2490,2491],{},"Query parameter versioning",[1086,2493,2494],{},"/bookings?version=2","): Rarely recommended. It conflates versioning with filtering and creates confusing cache behaviour.",[14,2497,2498],{},"Regardless of strategy, follow these rules:",[109,2500,2501,2504,2507,2510],{},[112,2502,2503],{},"Never break an existing version without a deprecation period",[112,2505,2506],{},"Version the entire API, not individual endpoints",[112,2508,2509],{},"Provide migration guides for every major version bump",[112,2511,2512],{},"Monitor usage of deprecated versions and communicate sunset timelines",[68,2514,2516],{"id":2515},"rate-limiting-and-security","Rate Limiting and Security",[14,2518,2519],{},"Every production API needs rate limiting and authentication. These are not optional — they are requirements.",[1080,2521,2523],{"className":1970,"code":2522,"language":1972,"meta":299,"style":299},"// 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",[1086,2524,2525,2530,2544,2548,2562,2581,2595,2625,2645,2666,2676,2686,2701,2706,2711],{"__ignoreMap":299},[1089,2526,2527],{"class":1091,"line":1092},[1089,2528,2529],{"class":1095},"// Rate limiting middleware example (Express/H3)\n",[1089,2531,2532,2534,2537,2539,2542],{"class":1091,"line":300},[1089,2533,1985],{"class":1984},[1089,2535,2536],{"class":1105}," { createRateLimiter } ",[1089,2538,1991],{"class":1984},[1089,2540,2541],{"class":1128}," './middleware/rate-limiter'",[1089,2543,1997],{"class":1105},[1089,2545,2546],{"class":1091,"line":306},[1089,2547,1157],{"emptyLinePlaceholder":320},[1089,2549,2550,2552,2555,2557,2560],{"class":1091,"line":1120},[1089,2551,2006],{"class":1984},[1089,2553,2554],{"class":1109}," apiRateLimiter",[1089,2556,2012],{"class":1984},[1089,2558,2559],{"class":1903}," createRateLimiter",[1089,2561,2021],{"class":1105},[1089,2563,2564,2567,2570,2573,2576,2578],{"class":1091,"line":1132},[1089,2565,2566],{"class":1105},"  windowMs: ",[1089,2568,2569],{"class":1109},"60",[1089,2571,2572],{"class":1984}," *",[1089,2574,2575],{"class":1109}," 1000",[1089,2577,2084],{"class":1105},[1089,2579,2580],{"class":1095},"// 1 minute\n",[1089,2582,2583,2586,2589,2592],{"class":1091,"line":1143},[1089,2584,2585],{"class":1105},"  maxRequests: ",[1089,2587,2588],{"class":1109},"100",[1089,2590,2591],{"class":1105},",     ",[1089,2593,2594],{"class":1095},"// 100 requests per window\n",[1089,2596,2597,2600,2603,2606,2608,2610,2613,2616,2619,2622],{"class":1091,"line":1154},[1089,2598,2599],{"class":1903},"  keyGenerator",[1089,2601,2602],{"class":1105},": (",[1089,2604,2605],{"class":2165},"req",[1089,2607,2169],{"class":1105},[1089,2609,2068],{"class":1984},[1089,2611,2612],{"class":1105}," req.headers[",[1089,2614,2615],{"class":1128},"'x-api-key'",[1089,2617,2618],{"class":1105},"] ",[1089,2620,2621],{"class":1984},"||",[1089,2623,2624],{"class":1105}," req.ip,\n",[1089,2626,2627,2630,2632,2634,2636,2639,2641,2643],{"class":1091,"line":1160},[1089,2628,2629],{"class":1903},"  onLimitReached",[1089,2631,2602],{"class":1105},[1089,2633,2605],{"class":2165},[1089,2635,2084],{"class":1105},[1089,2637,2638],{"class":2165},"res",[1089,2640,2169],{"class":1105},[1089,2642,2068],{"class":1984},[1089,2644,2071],{"class":1105},[1089,2646,2647,2650,2653,2655,2658,2661,2664],{"class":1091,"line":1168},[1089,2648,2649],{"class":1105},"    res.",[1089,2651,2652],{"class":1903},"status",[1089,2654,2059],{"class":1105},[1089,2656,2657],{"class":1109},"429",[1089,2659,2660],{"class":1105},").",[1089,2662,2663],{"class":1903},"json",[1089,2665,2021],{"class":1105},[1089,2667,2668,2671,2674],{"class":1091,"line":1176},[1089,2669,2670],{"class":1105},"      error: ",[1089,2672,2673],{"class":1128},"'rate_limit_exceeded'",[1089,2675,2032],{"class":1105},[1089,2677,2678,2681,2684],{"class":1091,"line":1184},[1089,2679,2680],{"class":1105},"      message: ",[1089,2682,2683],{"class":1128},"'Too many requests. Please retry after the window resets.'",[1089,2685,2032],{"class":1105},[1089,2687,2688,2691,2694,2696,2699],{"class":1091,"line":1195},[1089,2689,2690],{"class":1105},"      retryAfter: res.",[1089,2692,2693],{"class":1903},"getHeader",[1089,2695,2059],{"class":1105},[1089,2697,2698],{"class":1128},"'Retry-After'",[1089,2700,2306],{"class":1105},[1089,2702,2703],{"class":1091,"line":1206},[1089,2704,2705],{"class":1105},"    });\n",[1089,2707,2708],{"class":1091,"line":1214},[1089,2709,2710],{"class":1105},"  },\n",[1089,2712,2713],{"class":1091,"line":1223},[1089,2714,2047],{"class":1105},[14,2716,2717],{},"For authentication, the choice between API keys, OAuth 2.0, and JWT depends on your consumer types:",[109,2719,2720,2726,2732],{},[112,2721,2722,2725],{},[21,2723,2724],{},"API keys",": Simple, suitable for server-to-server communication where the consumer is trusted.",[112,2727,2728,2731],{},[21,2729,2730],{},"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.",[112,2733,2734,2737],{},[21,2735,2736],{},"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.",[54,2739,2740],{"type":56},[14,2741,2742],{},"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.",[31,2744,2746],{"id":2745},"api-documentation-as-a-product","API Documentation as a Product",[14,2748,2749],{},"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.",[68,2751,2753],{"id":2752},"what-great-api-documentation-includes","What Great API Documentation Includes",[109,2755,2756,2762,2768,2774,2780,2786,2792],{},[112,2757,2758,2761],{},[21,2759,2760],{},"Getting started guide",": A developer should be able to make their first successful API call within 5 minutes of reading your documentation.",[112,2763,2764,2767],{},[21,2765,2766],{},"Authentication guide",": Clear instructions for obtaining and using credentials, with copy-paste examples.",[112,2769,2770,2773],{},[21,2771,2772],{},"Interactive reference",": Every endpoint documented with try-it-out functionality. Tools like Stoplight, Redocly, and Scalar generate these from OpenAPI specifications.",[112,2775,2776,2779],{},[21,2777,2778],{},"Code examples",": In every language your consumers use. At minimum: JavaScript, Python, and cURL.",[112,2781,2782,2785],{},[21,2783,2784],{},"Error reference",": Every possible error code documented with the cause and the recommended resolution.",[112,2787,2788,2791],{},[21,2789,2790],{},"Changelog",": What changed in each version, with migration instructions for breaking changes.",[112,2793,2794,2797],{},[21,2795,2796],{},"SDKs and client libraries",": Auto-generated from your OpenAPI specification and published to npm, PyPI, and other package registries.",[14,2799,2800,2801,2805],{},"For businesses building ",[271,2802,2804],{"href":2803},"/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.",[31,2807,2809],{"id":2808},"common-mistakes-to-avoid","Common Mistakes to Avoid",[14,2811,2812],{},"After designing and reviewing dozens of APIs, we see the same mistakes repeatedly. Here are the most damaging ones.",[68,2814,2816],{"id":2815},"designing-apis-around-database-schemas","Designing APIs Around Database Schemas",[14,2818,2819],{},"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.",[68,2821,2823],{"id":2822},"inconsistent-naming-conventions","Inconsistent Naming Conventions",[14,2825,2826,2827,2830,2831,2834,2835,2838],{},"Pick a convention and enforce it everywhere. If you use ",[1086,2828,2829],{},"camelCase"," for property names, use it consistently across every endpoint. If you use plural nouns for collection resources (",[1086,2832,2833],{},"/bookings",", not ",[1086,2836,2837],{},"/booking","), do not suddenly switch to singular elsewhere. Inconsistency forces consumers to guess, which means bugs.",[68,2840,2842],{"id":2841},"missing-pagination","Missing Pagination",[14,2844,2845],{},"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.",[1080,2847,2849],{"className":1970,"code":2848,"language":1972,"meta":299,"style":299},"// 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",[1086,2850,2851,2856,2873,2887,2896,2914,2926,2938,2943,2948,2952],{"__ignoreMap":299},[1089,2852,2853],{"class":1091,"line":1092},[1089,2854,2855],{"class":1095},"// Cursor-based pagination response\n",[1089,2857,2858,2861,2864,2867,2870],{"class":1091,"line":300},[1089,2859,2860],{"class":1984},"interface",[1089,2862,2863],{"class":1903}," PaginatedResponse",[1089,2865,2866],{"class":1105},"\u003C",[1089,2868,2869],{"class":1903},"T",[1089,2871,2872],{"class":1105},"> {\n",[1089,2874,2875,2878,2881,2884],{"class":1091,"line":306},[1089,2876,2877],{"class":2165},"  data",[1089,2879,2880],{"class":1984},":",[1089,2882,2883],{"class":1903}," T",[1089,2885,2886],{"class":1105},"[];\n",[1089,2888,2889,2892,2894],{"class":1091,"line":1120},[1089,2890,2891],{"class":2165},"  pagination",[1089,2893,2880],{"class":1984},[1089,2895,2071],{"class":1105},[1089,2897,2898,2901,2903,2906,2909,2912],{"class":1091,"line":1132},[1089,2899,2900],{"class":2165},"    cursor",[1089,2902,2880],{"class":1984},[1089,2904,2905],{"class":1109}," string",[1089,2907,2908],{"class":1984}," |",[1089,2910,2911],{"class":1109}," null",[1089,2913,1997],{"class":1105},[1089,2915,2916,2919,2921,2924],{"class":1091,"line":1143},[1089,2917,2918],{"class":2165},"    hasMore",[1089,2920,2880],{"class":1984},[1089,2922,2923],{"class":1109}," boolean",[1089,2925,1997],{"class":1105},[1089,2927,2928,2931,2933,2936],{"class":1091,"line":1154},[1089,2929,2930],{"class":2165},"    totalCount",[1089,2932,2880],{"class":1984},[1089,2934,2935],{"class":1109}," number",[1089,2937,1997],{"class":1105},[1089,2939,2940],{"class":1091,"line":1160},[1089,2941,2942],{"class":1105},"  };\n",[1089,2944,2945],{"class":1091,"line":1168},[1089,2946,2947],{"class":1105},"}\n",[1089,2949,2950],{"class":1091,"line":1176},[1089,2951,1157],{"emptyLinePlaceholder":320},[1089,2953,2954],{"class":1091,"line":1184},[1089,2955,2956],{"class":1095},"// Usage: GET /bookings?cursor=abc123&limit=25\n",[14,2958,2959],{},"Cursor-based pagination is preferred over offset-based for production APIs. It handles insertions and deletions gracefully and performs better on large datasets.",[68,2961,2963],{"id":2962},"breaking-changes-without-versioning","Breaking Changes Without Versioning",[14,2965,2966,2967,2970],{},"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 ",[39,2968,2969],{},"are"," breaking changes. If you do not version your API, every breaking change becomes an incident for every consumer simultaneously.",[68,2972,2974],{"id":2973},"ignoring-error-design","Ignoring Error Design",[14,2976,2977,2978,2981],{},"Generic ",[1086,2979,2980],{},"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.",[1080,2983,2986],{"className":2984,"code":2985,"language":2663,"meta":299,"style":299},"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",[1086,2987,2988,2993,3001,3013,3025,3032,3044,3052,3059,3066,3071,3076,3081,3086],{"__ignoreMap":299},[1089,2989,2990],{"class":1091,"line":1092},[1089,2991,2992],{"class":1105},"{\n",[1089,2994,2995,2998],{"class":1091,"line":300},[1089,2996,2997],{"class":1109},"  \"error\"",[1089,2999,3000],{"class":1105},": {\n",[1089,3002,3003,3006,3008,3011],{"class":1091,"line":306},[1089,3004,3005],{"class":1109},"    \"code\"",[1089,3007,1106],{"class":1105},[1089,3009,3010],{"class":1128},"\"BOOKING_SLOT_UNAVAILABLE\"",[1089,3012,2032],{"class":1105},[1089,3014,3015,3018,3020,3023],{"class":1091,"line":1120},[1089,3016,3017],{"class":1109},"    \"message\"",[1089,3019,1106],{"class":1105},[1089,3021,3022],{"class":1128},"\"The requested time slot is no longer available.\"",[1089,3024,2032],{"class":1105},[1089,3026,3027,3030],{"class":1091,"line":1132},[1089,3028,3029],{"class":1109},"    \"details\"",[1089,3031,3000],{"class":1105},[1089,3033,3034,3037,3039,3042],{"class":1091,"line":1143},[1089,3035,3036],{"class":1109},"      \"requestedDateTime\"",[1089,3038,1106],{"class":1105},[1089,3040,3041],{"class":1128},"\"2026-02-17T14:30:00Z\"",[1089,3043,2032],{"class":1105},[1089,3045,3046,3049],{"class":1091,"line":1154},[1089,3047,3048],{"class":1109},"      \"nextAvailableSlots\"",[1089,3050,3051],{"class":1105},": [\n",[1089,3053,3054,3057],{"class":1091,"line":1160},[1089,3055,3056],{"class":1128},"        \"2026-02-17T15:00:00Z\"",[1089,3058,2032],{"class":1105},[1089,3060,3061,3064],{"class":1091,"line":1168},[1089,3062,3063],{"class":1128},"        \"2026-02-17T16:30:00Z\"",[1089,3065,2032],{"class":1105},[1089,3067,3068],{"class":1091,"line":1176},[1089,3069,3070],{"class":1128},"        \"2026-02-18T09:00:00Z\"\n",[1089,3072,3073],{"class":1091,"line":1184},[1089,3074,3075],{"class":1105},"      ]\n",[1089,3077,3078],{"class":1091,"line":1195},[1089,3079,3080],{"class":1105},"    }\n",[1089,3082,3083],{"class":1091,"line":1206},[1089,3084,3085],{"class":1105},"  }\n",[1089,3087,3088],{"class":1091,"line":1214},[1089,3089,2947],{"class":1105},[14,3091,3092],{},"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.",[31,3094,3096],{"id":3095},"getting-started-with-api-first","Getting Started with API-First",[14,3098,3099],{},"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:",[852,3101,3102,3108,3114,3120,3126],{},[112,3103,3104,3107],{},[21,3105,3106],{},"Write the OpenAPI specification first."," Before any implementation code. Share it with all stakeholders for review.",[112,3109,3110,3113],{},[21,3111,3112],{},"Generate mock servers."," Let frontend and mobile teams start building immediately.",[112,3115,3116,3119],{},[21,3117,3118],{},"Implement the backend against the specification."," The spec is the acceptance criteria.",[112,3121,3122,3125],{},[21,3123,3124],{},"Add contract tests to your CI pipeline."," Catch specification drift automatically.",[112,3127,3128,3131],{},[21,3129,3130],{},"Publish interactive documentation."," Make it easy for everyone to understand and use the API.",[14,3133,3134],{},"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.",[14,3136,3137,3138,3142],{},"For organisations with existing APIs that need restructuring, a ",[271,3139,3141],{"href":3140},"/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.",[263,3144],{},[14,3146,3147],{},[39,3148,3149,3150,3153],{},"Need to design or rebuild your API layer? ",[271,3151,3152],{"href":483},"Talk to our integration engineering team"," about building APIs that scale with your business.",[3155,3156,3157],"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":299,"searchDepth":300,"depth":300,"links":3159},[3160,3161,3162,3167,3173,3180,3183,3190],{"id":823,"depth":300,"text":824},{"id":843,"depth":300,"text":844},{"id":877,"depth":300,"text":878,"children":3163},[3164,3165,3166],{"id":884,"depth":306,"text":885},{"id":900,"depth":306,"text":901},{"id":914,"depth":306,"text":915},{"id":1011,"depth":300,"text":1012,"children":3168},[3169,3170,3171,3172],{"id":1018,"depth":306,"text":1019},{"id":1033,"depth":306,"text":1034},{"id":1040,"depth":306,"text":1041},{"id":1060,"depth":306,"text":1061},{"id":1067,"depth":300,"text":1068,"children":3174},[3175,3176,3177,3178,3179],{"id":1074,"depth":306,"text":1075},{"id":1882,"depth":306,"text":1883},{"id":1963,"depth":306,"text":1964},{"id":2461,"depth":306,"text":2462},{"id":2515,"depth":306,"text":2516},{"id":2745,"depth":300,"text":2746,"children":3181},[3182],{"id":2752,"depth":306,"text":2753},{"id":2808,"depth":300,"text":2809,"children":3184},[3185,3186,3187,3188,3189],{"id":2815,"depth":306,"text":2816},{"id":2822,"depth":306,"text":2823},{"id":2841,"depth":306,"text":2842},{"id":2962,"depth":306,"text":2963},{"id":2973,"depth":306,"text":2974},{"id":3095,"depth":300,"text":3096},"Engineering","/images/blog/api-first-approach-guide.webp","2026-02-10","API-first development is reshaping how companies build software. Learn the principles, benefits, and implementation patterns behind this modern approach.",{},"/blog/api-first-approach-guide","9 min read",{"title":815,"description":3194},"blog/api-first-approach-guide",[3201,940,3202,3203],"API Development","Microservices","Integration","VQQfLjdoFYHT0BSC-6Ed9sUZ27RzH7KtbDoVZzzL1Ag",{"id":3206,"title":3207,"author":3208,"body":3211,"category":4396,"coverImage":4397,"date":4398,"description":4399,"extension":317,"featured":320,"meta":4400,"navigation":320,"path":4401,"readingTime":4402,"seo":4403,"stem":4404,"tags":4405,"__hash__":4409},"blog/blog/building-connekz-ai-agent.md","Inside Connekz: How We Built an AI Agent That Books, Sells, and Supports",{"name":3209,"role":3210},"Amaya Perera","Head of AI & Machine Learning",{"type":11,"value":3212,"toc":4370},[3213,3217,3223,3226,3231,3235,3238,3242,3245,3249,3252,3256,3259,3262,3266,3269,3272,3298,3620,3625,3629,3632,3635,3639,3642,3646,3649,3960,3964,3967,3970,4035,4038,4043,4047,4050,4054,4057,4061,4068,4072,4075,4079,4082,4108,4112,4115,4118,4138,4141,4145,4148,4151,4165,4168,4172,4175,4207,4210,4214,4217,4300,4307,4316,4320,4323,4353,4356,4358,4367],[31,3214,3216],{"id":3215},"why-we-built-connekz","Why We Built Connekz",[14,3218,3219,3220,3222],{},"Most businesses cannot afford a 24/7 sales and support team, yet their customers expect instant, intelligent responses at any hour. ",[21,3221,1048],{}," 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.",[14,3224,3225],{},"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.",[836,3227,3228],{},[14,3229,3230],{},"Building an AI chatbot is easy. Building an AI agent that businesses trust with their customers and revenue is a fundamentally different problem.",[31,3232,3234],{"id":3233},"the-problem-we-set-out-to-solve","The Problem We Set Out to Solve",[14,3236,3237],{},"Before building Connekz, we spent months interviewing business owners across industries — healthcare clinics, trade services, hospitality, professional services. Three problems appeared consistently.",[68,3239,3241],{"id":3240},"lost-leads-outside-business-hours","Lost leads outside business hours",[14,3243,3244],{},"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.",[68,3246,3248],{"id":3247},"overwhelmed-support-teams","Overwhelmed support teams",[14,3250,3251],{},"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.",[68,3253,3255],{"id":3254},"inconsistent-customer-experiences","Inconsistent customer experiences",[14,3257,3258],{},"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.",[14,3260,3261],{},"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.",[68,3263,3265],{"id":3264},"rag-pipeline-for-business-specific-knowledge","RAG Pipeline for Business-Specific Knowledge",[14,3267,3268],{},"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.",[14,3270,3271],{},"The RAG pipeline works as follows:",[852,3273,3274,3280,3286,3292],{},[112,3275,3276,3279],{},[21,3277,3278],{},"Ingestion",": Business documents — product catalogues, service descriptions, FAQs, policies, pricing — are processed, chunked, and embedded into a vector database.",[112,3281,3282,3285],{},[21,3283,3284],{},"Retrieval",": When a customer asks a question, the system retrieves the most relevant document chunks based on semantic similarity.",[112,3287,3288,3291],{},[21,3289,3290],{},"Augmented generation",": Retrieved context is injected into the model's prompt alongside the conversation history, grounding the response in verified business information.",[112,3293,3294,3297],{},[21,3295,3296],{},"Citation tracking",": Every factual claim in a response is linked back to its source document, enabling audit trails and accuracy verification.",[1080,3299,3301],{"className":1970,"code":3300,"language":1972,"meta":299,"style":299},"// 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",[1086,3302,3303,3308,3317,3328,3339,3350,3373,3377,3381,3394,3405,3416,3432,3450,3468,3472,3491,3507,3512,3517,3528,3532,3536,3544,3573,3591,3596,3601,3606,3611,3616],{"__ignoreMap":299},[1089,3304,3305],{"class":1091,"line":1092},[1089,3306,3307],{"class":1095},"// Simplified RAG retrieval pipeline\n",[1089,3309,3310,3312,3315],{"class":1091,"line":300},[1089,3311,2860],{"class":1984},[1089,3313,3314],{"class":1903}," RetrievedChunk",[1089,3316,2071],{"class":1105},[1089,3318,3319,3322,3324,3326],{"class":1091,"line":306},[1089,3320,3321],{"class":2165},"  content",[1089,3323,2880],{"class":1984},[1089,3325,2905],{"class":1109},[1089,3327,1997],{"class":1105},[1089,3329,3330,3333,3335,3337],{"class":1091,"line":1120},[1089,3331,3332],{"class":2165},"  source",[1089,3334,2880],{"class":1984},[1089,3336,2905],{"class":1109},[1089,3338,1997],{"class":1105},[1089,3340,3341,3344,3346,3348],{"class":1091,"line":1132},[1089,3342,3343],{"class":2165},"  relevanceScore",[1089,3345,2880],{"class":1984},[1089,3347,2935],{"class":1109},[1089,3349,1997],{"class":1105},[1089,3351,3352,3355,3357,3360,3362,3365,3367,3370],{"class":1091,"line":1143},[1089,3353,3354],{"class":2165},"  metadata",[1089,3356,2880],{"class":1984},[1089,3358,3359],{"class":1903}," Record",[1089,3361,2866],{"class":1105},[1089,3363,3364],{"class":1109},"string",[1089,3366,2084],{"class":1105},[1089,3368,3369],{"class":1109},"unknown",[1089,3371,3372],{"class":1105},">;\n",[1089,3374,3375],{"class":1091,"line":1154},[1089,3376,2947],{"class":1105},[1089,3378,3379],{"class":1091,"line":1160},[1089,3380,1157],{"emptyLinePlaceholder":320},[1089,3382,3383,3385,3388,3391],{"class":1091,"line":1168},[1089,3384,2087],{"class":1984},[1089,3386,3387],{"class":1984}," function",[1089,3389,3390],{"class":1903}," retrieveContext",[1089,3392,3393],{"class":1105},"(\n",[1089,3395,3396,3399,3401,3403],{"class":1091,"line":1176},[1089,3397,3398],{"class":2165},"  query",[1089,3400,2880],{"class":1984},[1089,3402,2905],{"class":1109},[1089,3404,2032],{"class":1105},[1089,3406,3407,3410,3412,3414],{"class":1091,"line":1184},[1089,3408,3409],{"class":2165},"  businessId",[1089,3411,2880],{"class":1984},[1089,3413,2905],{"class":1109},[1089,3415,2032],{"class":1105},[1089,3417,3418,3421,3423,3425,3427,3430],{"class":1091,"line":1195},[1089,3419,3420],{"class":2165},"  topK",[1089,3422,2880],{"class":1984},[1089,3424,2935],{"class":1109},[1089,3426,2012],{"class":1984},[1089,3428,3429],{"class":1109}," 5",[1089,3431,2032],{"class":1105},[1089,3433,3434,3437,3439,3442,3444,3447],{"class":1091,"line":1206},[1089,3435,3436],{"class":1105},")",[1089,3438,2880],{"class":1984},[1089,3440,3441],{"class":1903}," Promise",[1089,3443,2866],{"class":1105},[1089,3445,3446],{"class":1903},"RetrievedChunk",[1089,3448,3449],{"class":1105},"[]> {\n",[1089,3451,3452,3455,3458,3460,3462,3465],{"class":1091,"line":1214},[1089,3453,3454],{"class":1984},"  const",[1089,3456,3457],{"class":1109}," embedding",[1089,3459,2012],{"class":1984},[1089,3461,2379],{"class":1984},[1089,3463,3464],{"class":1903}," embedQuery",[1089,3466,3467],{"class":1105},"(query);\n",[1089,3469,3470],{"class":1091,"line":1223},[1089,3471,1157],{"emptyLinePlaceholder":320},[1089,3473,3474,3476,3479,3481,3483,3486,3489],{"class":1091,"line":1231},[1089,3475,3454],{"class":1984},[1089,3477,3478],{"class":1109}," results",[1089,3480,2012],{"class":1984},[1089,3482,2379],{"class":1984},[1089,3484,3485],{"class":1105}," vectorDb.",[1089,3487,3488],{"class":1903},"search",[1089,3490,2021],{"class":1105},[1089,3492,3493,3496,3499,3502,3505],{"class":1091,"line":1242},[1089,3494,3495],{"class":1105},"    collection: ",[1089,3497,3498],{"class":1128},"`business_${",[1089,3500,3501],{"class":1105},"businessId",[1089,3503,3504],{"class":1128},"}`",[1089,3506,2032],{"class":1105},[1089,3508,3509],{"class":1091,"line":1250},[1089,3510,3511],{"class":1105},"    vector: embedding,\n",[1089,3513,3514],{"class":1091,"line":1258},[1089,3515,3516],{"class":1105},"    topK,\n",[1089,3518,3519,3522,3525],{"class":1091,"line":1266},[1089,3520,3521],{"class":1105},"    filter: { active: ",[1089,3523,3524],{"class":1109},"true",[1089,3526,3527],{"class":1105}," },\n",[1089,3529,3530],{"class":1091,"line":1277},[1089,3531,2451],{"class":1105},[1089,3533,3534],{"class":1091,"line":1285},[1089,3535,1157],{"emptyLinePlaceholder":320},[1089,3537,3538,3541],{"class":1091,"line":1293},[1089,3539,3540],{"class":1984},"  return",[1089,3542,3543],{"class":1105}," results\n",[1089,3545,3546,3549,3552,3555,3558,3560,3562,3565,3568,3571],{"class":1091,"line":1304},[1089,3547,3548],{"class":1105},"    .",[1089,3550,3551],{"class":1903},"filter",[1089,3553,3554],{"class":1105},"((",[1089,3556,3557],{"class":2165},"r",[1089,3559,2169],{"class":1105},[1089,3561,2068],{"class":1984},[1089,3563,3564],{"class":1105}," r.relevanceScore ",[1089,3566,3567],{"class":1984},">",[1089,3569,3570],{"class":1109}," 0.75",[1089,3572,2128],{"class":1105},[1089,3574,3575,3577,3580,3582,3584,3586,3588],{"class":1091,"line":1312},[1089,3576,3548],{"class":1105},[1089,3578,3579],{"class":1903},"map",[1089,3581,3554],{"class":1105},[1089,3583,3557],{"class":2165},[1089,3585,2169],{"class":1105},[1089,3587,2068],{"class":1984},[1089,3589,3590],{"class":1105}," ({\n",[1089,3592,3593],{"class":1091,"line":1320},[1089,3594,3595],{"class":1105},"      content: r.payload.content,\n",[1089,3597,3598],{"class":1091,"line":1328},[1089,3599,3600],{"class":1105},"      source: r.payload.source,\n",[1089,3602,3603],{"class":1091,"line":1339},[1089,3604,3605],{"class":1105},"      relevanceScore: r.score,\n",[1089,3607,3608],{"class":1091,"line":1347},[1089,3609,3610],{"class":1105},"      metadata: r.payload.metadata,\n",[1089,3612,3613],{"class":1091,"line":1357},[1089,3614,3615],{"class":1105},"    }));\n",[1089,3617,3618],{"class":1091,"line":1364},[1089,3619,2947],{"class":1105},[54,3621,3622],{"type":56},[14,3623,3624],{},"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.",[68,3626,3628],{"id":3627},"voice-and-text-modes","Voice and Text Modes",[14,3630,3631],{},"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.",[14,3633,3634],{},"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).",[31,3636,3638],{"id":3637},"the-tool-calling-system-how-connekz-takes-action","The Tool-Calling System: How Connekz Takes Action",[14,3640,3641],{},"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.",[68,3643,3645],{"id":3644},"how-tool-calling-works","How Tool Calling Works",[14,3647,3648],{},"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.",[1080,3650,3652],{"className":1970,"code":3651,"language":1972,"meta":299,"style":299},"// 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",[1086,3653,3654,3659,3670,3680,3685,3692,3697,3707,3712,3717,3727,3737,3762,3767,3772,3780,3790,3799,3803,3808,3816,3835,3844,3848,3853,3861,3870,3874,3879,3887,3896,3900,3905,3913,3922,3926,3931,3951,3955],{"__ignoreMap":299},[1089,3655,3656],{"class":1091,"line":1092},[1089,3657,3658],{"class":1095},"// Tool definition for appointment booking\n",[1089,3660,3661,3663,3666,3668],{"class":1091,"line":300},[1089,3662,2006],{"class":1984},[1089,3664,3665],{"class":1109}," bookAppointmentTool",[1089,3667,2012],{"class":1984},[1089,3669,2071],{"class":1105},[1089,3671,3672,3675,3678],{"class":1091,"line":306},[1089,3673,3674],{"class":1105},"  name: ",[1089,3676,3677],{"class":1128},"'book_appointment'",[1089,3679,2032],{"class":1105},[1089,3681,3682],{"class":1091,"line":1120},[1089,3683,3684],{"class":1105},"  description:\n",[1089,3686,3687,3690],{"class":1091,"line":1132},[1089,3688,3689],{"class":1128},"    'Books an appointment for a customer. Use this when the customer wants to schedule a visit, consultation, or service.'",[1089,3691,2032],{"class":1105},[1089,3693,3694],{"class":1091,"line":1143},[1089,3695,3696],{"class":1105},"  parameters: {\n",[1089,3698,3699,3702,3705],{"class":1091,"line":1154},[1089,3700,3701],{"class":1105},"    type: ",[1089,3703,3704],{"class":1128},"'object'",[1089,3706,2032],{"class":1105},[1089,3708,3709],{"class":1091,"line":1160},[1089,3710,3711],{"class":1105},"    properties: {\n",[1089,3713,3714],{"class":1091,"line":1168},[1089,3715,3716],{"class":1105},"      service_type: {\n",[1089,3718,3719,3722,3725],{"class":1091,"line":1176},[1089,3720,3721],{"class":1105},"        type: ",[1089,3723,3724],{"class":1128},"'string'",[1089,3726,2032],{"class":1105},[1089,3728,3729,3732,3735],{"class":1091,"line":1184},[1089,3730,3731],{"class":1105},"        description: ",[1089,3733,3734],{"class":1128},"'The type of service requested'",[1089,3736,2032],{"class":1105},[1089,3738,3739,3742,3744,3746,3749,3751,3754,3756,3759],{"class":1091,"line":1195},[1089,3740,3741],{"class":1105},"        enum: [",[1089,3743,2217],{"class":1128},[1089,3745,2084],{"class":1105},[1089,3747,3748],{"class":1128},"'follow-up'",[1089,3750,2084],{"class":1105},[1089,3752,3753],{"class":1128},"'initial-assessment'",[1089,3755,2084],{"class":1105},[1089,3757,3758],{"class":1128},"'treatment'",[1089,3760,3761],{"class":1105},"],\n",[1089,3763,3764],{"class":1091,"line":1206},[1089,3765,3766],{"class":1105},"      },\n",[1089,3768,3769],{"class":1091,"line":1214},[1089,3770,3771],{"class":1105},"      preferred_date: {\n",[1089,3773,3774,3776,3778],{"class":1091,"line":1223},[1089,3775,3721],{"class":1105},[1089,3777,3724],{"class":1128},[1089,3779,2032],{"class":1105},[1089,3781,3782,3785,3788],{"class":1091,"line":1231},[1089,3783,3784],{"class":1105},"        format: ",[1089,3786,3787],{"class":1128},"'date'",[1089,3789,2032],{"class":1105},[1089,3791,3792,3794,3797],{"class":1091,"line":1242},[1089,3793,3731],{"class":1105},[1089,3795,3796],{"class":1128},"'The customer preferred date (ISO 8601)'",[1089,3798,2032],{"class":1105},[1089,3800,3801],{"class":1091,"line":1250},[1089,3802,3766],{"class":1105},[1089,3804,3805],{"class":1091,"line":1258},[1089,3806,3807],{"class":1105},"      preferred_time_range: {\n",[1089,3809,3810,3812,3814],{"class":1091,"line":1266},[1089,3811,3721],{"class":1105},[1089,3813,3724],{"class":1128},[1089,3815,2032],{"class":1105},[1089,3817,3818,3820,3823,3825,3828,3830,3833],{"class":1091,"line":1277},[1089,3819,3741],{"class":1105},[1089,3821,3822],{"class":1128},"'morning'",[1089,3824,2084],{"class":1105},[1089,3826,3827],{"class":1128},"'afternoon'",[1089,3829,2084],{"class":1105},[1089,3831,3832],{"class":1128},"'evening'",[1089,3834,3761],{"class":1105},[1089,3836,3837,3839,3842],{"class":1091,"line":1285},[1089,3838,3731],{"class":1105},[1089,3840,3841],{"class":1128},"'Preferred time of day'",[1089,3843,2032],{"class":1105},[1089,3845,3846],{"class":1091,"line":1293},[1089,3847,3766],{"class":1105},[1089,3849,3850],{"class":1091,"line":1304},[1089,3851,3852],{"class":1105},"      customer_name: {\n",[1089,3854,3855,3857,3859],{"class":1091,"line":1312},[1089,3856,3721],{"class":1105},[1089,3858,3724],{"class":1128},[1089,3860,2032],{"class":1105},[1089,3862,3863,3865,3868],{"class":1091,"line":1320},[1089,3864,3731],{"class":1105},[1089,3866,3867],{"class":1128},"'Full name of the customer'",[1089,3869,2032],{"class":1105},[1089,3871,3872],{"class":1091,"line":1328},[1089,3873,3766],{"class":1105},[1089,3875,3876],{"class":1091,"line":1339},[1089,3877,3878],{"class":1105},"      customer_phone: {\n",[1089,3880,3881,3883,3885],{"class":1091,"line":1347},[1089,3882,3721],{"class":1105},[1089,3884,3724],{"class":1128},[1089,3886,2032],{"class":1105},[1089,3888,3889,3891,3894],{"class":1091,"line":1357},[1089,3890,3731],{"class":1105},[1089,3892,3893],{"class":1128},"'Contact phone number'",[1089,3895,2032],{"class":1105},[1089,3897,3898],{"class":1091,"line":1364},[1089,3899,3766],{"class":1105},[1089,3901,3902],{"class":1091,"line":1371},[1089,3903,3904],{"class":1105},"      notes: {\n",[1089,3906,3907,3909,3911],{"class":1091,"line":1378},[1089,3908,3721],{"class":1105},[1089,3910,3724],{"class":1128},[1089,3912,2032],{"class":1105},[1089,3914,3915,3917,3920],{"class":1091,"line":1388},[1089,3916,3731],{"class":1105},[1089,3918,3919],{"class":1128},"'Any additional notes or requirements'",[1089,3921,2032],{"class":1105},[1089,3923,3924],{"class":1091,"line":1396},[1089,3925,3766],{"class":1105},[1089,3927,3928],{"class":1091,"line":1406},[1089,3929,3930],{"class":1105},"    },\n",[1089,3932,3933,3936,3939,3941,3944,3946,3949],{"class":1091,"line":1413},[1089,3934,3935],{"class":1105},"    required: [",[1089,3937,3938],{"class":1128},"'service_type'",[1089,3940,2084],{"class":1105},[1089,3942,3943],{"class":1128},"'preferred_date'",[1089,3945,2084],{"class":1105},[1089,3947,3948],{"class":1128},"'customer_name'",[1089,3950,3761],{"class":1105},[1089,3952,3953],{"class":1091,"line":1420},[1089,3954,2710],{"class":1105},[1089,3956,3957],{"class":1091,"line":1427},[1089,3958,3959],{"class":1105},"};\n",[68,3961,3963],{"id":3962},"safety-guardrails-and-confirmation-flows","Safety Guardrails and Confirmation Flows",[14,3965,3966],{},"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.",[14,3968,3969],{},"For example, a booking flow looks like this:",[852,3971,3972,3978,3987,3993,3998,4003,4008,4013,4018,4023,4030],{},[112,3973,3974,3977],{},[21,3975,3976],{},"Customer",": \"I'd like to book a consultation for next Tuesday afternoon.\"",[112,3979,3980,3983,3984],{},[21,3981,3982],{},"Agent"," (internal): Calls ",[1086,3985,3986],{},"check_availability({ date: '2026-02-17', time_range: 'afternoon' })",[112,3988,3989,3992],{},[21,3990,3991],{},"System",": Returns available slots: 1:00 PM, 2:30 PM, 4:00 PM",[112,3994,3995,3997],{},[21,3996,3982],{},": \"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?\"",[112,3999,4000,4002],{},[21,4001,3976],{},": \"2:30 works.\"",[112,4004,4005,4007],{},[21,4006,3982],{},": \"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?\"",[112,4009,4010,4012],{},[21,4011,3976],{},": \"Sarah Chen, 021 555 0123.\"",[112,4014,4015,4017],{},[21,4016,3982],{},": \"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?\"",[112,4019,4020,4022],{},[21,4021,3976],{},": \"Yes please.\"",[112,4024,4025,3983,4027],{},[21,4026,3982],{},[1086,4028,4029],{},"book_appointment({ service_type: 'consultation', preferred_date: '2026-02-17', preferred_time_range: 'afternoon', customer_name: 'Sarah Chen', customer_phone: '021 555 0123' })",[112,4031,4032,4034],{},[21,4033,3982],{},": \"You're all booked in. You'll receive a confirmation text shortly. Is there anything else I can help with?\"",[14,4036,4037],{},"The confirmation step is non-negotiable. The agent never creates a booking, processes a payment, or modifies a record without explicit customer approval.",[54,4039,4040],{"type":139},[14,4041,4042],{},"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.",[31,4044,4046],{"id":4045},"multi-platform-deployment","Multi-Platform Deployment",[14,4048,4049],{},"Connekz deploys wherever your customers are. Each deployment mode is optimised for its platform while sharing the same core intelligence.",[68,4051,4053],{"id":4052},"web-widget","Web Widget",[14,4055,4056],{},"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.",[68,4058,4060],{"id":4059},"inline-chat","Inline Chat",[14,4062,4063,4064,4067],{},"For businesses that want the AI agent integrated directly into their ",[271,4065,4066],{"href":3140},"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.",[31,4069,4071],{"id":4070},"what-we-learned-building-production-ai-agents","What We Learned Building Production AI Agents",[14,4073,4074],{},"Shipping AI agents into production customer-facing environments taught us lessons that no research paper or demo could.",[68,4076,4078],{"id":4077},"hallucination-mitigation-is-an-engineering-problem","Hallucination Mitigation Is an Engineering Problem",[14,4080,4081],{},"LLMs hallucinate. This is a fundamental characteristic, not a bug to be patched. Our mitigation strategy is multi-layered:",[109,4083,4084,4090,4096,4102],{},[112,4085,4086,4089],{},[21,4087,4088],{},"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.\"",[112,4091,4092,4095],{},[21,4093,4094],{},"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.",[112,4097,4098,4101],{},[21,4099,4100],{},"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.",[112,4103,4104,4107],{},[21,4105,4106],{},"Post-response validation",": A lightweight validation model reviews each response before it is sent, checking for contradictions with known facts and flagging potential hallucinations.",[68,4109,4111],{"id":4110},"graceful-handoff-to-humans-is-not-optional","Graceful Handoff to Humans Is Not Optional",[14,4113,4114],{},"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.",[14,4116,4117],{},"Connekz implements three types of handoff:",[852,4119,4120,4126,4132],{},[112,4121,4122,4125],{},[21,4123,4124],{},"Proactive handoff",": The agent detects it cannot resolve the issue (low confidence, out-of-scope request, detected frustration) and initiates transfer.",[112,4127,4128,4131],{},[21,4129,4130],{},"Customer-requested handoff",": The customer explicitly asks to speak with a person. This is honoured immediately, no friction, no attempts to retain the conversation.",[112,4133,4134,4137],{},[21,4135,4136],{},"Escalation handoff",": A human supervisor monitoring the conversation intervenes and takes over.",[14,4139,4140],{},"In all cases, the full conversation history and context are passed to the human agent. The customer never has to repeat themselves.",[68,4142,4144],{"id":4143},"latency-matters-more-than-you-think","Latency Matters More Than You Think",[14,4146,4147],{},"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.",[14,4149,4150],{},"We optimise for latency at every layer:",[109,4152,4153,4156,4159,4162],{},[112,4154,4155],{},"Intent classification completes in under 50ms",[112,4157,4158],{},"RAG retrieval runs in parallel with conversation context assembly",[112,4160,4161],{},"Response streaming begins before the full response is generated",[112,4163,4164],{},"Tool calls execute asynchronously where possible",[14,4166,4167],{},"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.",[68,4169,4171],{"id":4170},"monitoring-and-continuous-improvement","Monitoring and Continuous Improvement",[14,4173,4174],{},"Deploying an AI agent is not a launch-and-forget operation. We monitor every conversation across multiple dimensions:",[109,4176,4177,4183,4189,4195,4201],{},[112,4178,4179,4182],{},[21,4180,4181],{},"Resolution rate",": What percentage of conversations reach a successful outcome without human handoff?",[112,4184,4185,4188],{},[21,4186,4187],{},"Accuracy rate",": Human evaluators review volenteraly provided sampled conversations for factual accuracy and appropriateness.",[112,4190,4191,4194],{},[21,4192,4193],{},"Customer satisfaction",": Post-conversation ratings and sentiment analysis.",[112,4196,4197,4200],{},[21,4198,4199],{},"Tool call success rate",": What percentage of bookings, updates, and actions complete successfully?",[112,4202,4203,4206],{},[21,4204,4205],{},"Escalation patterns",": Which topics or scenarios consistently require human handoff? These inform knowledge base improvements and model updates.",[14,4208,4209],{},"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.",[31,4211,4213],{"id":4212},"results-our-clients-see","Results Our Clients See",[14,4215,4216],{},"The impact of deploying Connekz varies by industry and use case, but the patterns are consistent.",[151,4218,4219,4232],{},[154,4220,4221],{},[157,4222,4223,4226,4229],{},[160,4224,4225],{},"Metric",[160,4227,4228],{},"Typical Before",[160,4230,4231],{},"Typical After",[179,4233,4234,4245,4256,4267,4278,4289],{},[157,4235,4236,4239,4242],{},[184,4237,4238],{},"After-hours response rate",[184,4240,4241],{},"0% (voicemail/email only)",[184,4243,4244],{},"95%+ instant response",[157,4246,4247,4250,4253],{},[184,4248,4249],{},"Average first response time",[184,4251,4252],{},"4-8 hours",[184,4254,4255],{},"Under 2 seconds",[157,4257,4258,4261,4264],{},[184,4259,4260],{},"Routine enquiry handling",[184,4262,4263],{},"100% human",[184,4265,4266],{},"70-80% automated",[157,4268,4269,4272,4275],{},[184,4270,4271],{},"Booking conversion (after-hours)",[184,4273,4274],{},"Near zero",[184,4276,4277],{},"35-50% of enquiries",[157,4279,4280,4283,4286],{},[184,4281,4282],{},"Support cost per interaction",[184,4284,4285],{},"$8-15",[184,4287,4288],{},"$0.50-2.00",[157,4290,4291,4294,4297],{},[184,4292,4293],{},"Customer satisfaction score",[184,4295,4296],{},"3.8/5.0",[184,4298,4299],{},"4.3/5.0",[14,4301,4302,4303,4306],{},"These numbers represent real outcomes from ",[271,4304,4305],{"href":1047},"Connekz deployments"," across healthcare, professional services, and hospitality businesses.",[54,4308,4309],{"type":56},[14,4310,4311,4312,4315],{},"The most surprising result: customer satisfaction scores typically ",[39,4313,4314],{},"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.",[31,4317,4319],{"id":4318},"the-road-ahead","The Road Ahead",[14,4321,4322],{},"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:",[109,4324,4325,4331,4337,4347],{},[112,4326,4327,4330],{},[21,4328,4329],{},"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.",[112,4332,4333,4336],{},[21,4334,4335],{},"Proactive outreach",": Connekz initiating conversations based on triggers — appointment reminders, follow-up after service, re-engagement of lapsed customers.",[112,4338,4339,4346],{},[21,4340,4341,4342],{},"Deeper ",[271,4343,4345],{"href":4344},"/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).",[112,4348,4349,4352],{},[21,4350,4351],{},"Industry-specific models",": Fine-tuned models for healthcare, legal, and financial services that understand domain-specific terminology, compliance requirements, and interaction patterns.",[14,4354,4355],{},"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.",[263,4357],{},[14,4359,4360],{},[39,4361,4362,4363,4366],{},"Ready to deploy Connekz for your business? ",[271,4364,4365],{"href":483},"Start a conversation with our team"," and see what intelligent automation can do for your customer experience.",[3155,4368,4369],{},"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":299,"searchDepth":300,"depth":300,"links":4371},[4372,4373,4380,4384,4388,4394,4395],{"id":3215,"depth":300,"text":3216},{"id":3233,"depth":300,"text":3234,"children":4374},[4375,4376,4377,4378,4379],{"id":3240,"depth":306,"text":3241},{"id":3247,"depth":306,"text":3248},{"id":3254,"depth":306,"text":3255},{"id":3264,"depth":306,"text":3265},{"id":3627,"depth":306,"text":3628},{"id":3637,"depth":300,"text":3638,"children":4381},[4382,4383],{"id":3644,"depth":306,"text":3645},{"id":3962,"depth":306,"text":3963},{"id":4045,"depth":300,"text":4046,"children":4385},[4386,4387],{"id":4052,"depth":306,"text":4053},{"id":4059,"depth":306,"text":4060},{"id":4070,"depth":300,"text":4071,"children":4389},[4390,4391,4392,4393],{"id":4077,"depth":306,"text":4078},{"id":4110,"depth":306,"text":4111},{"id":4143,"depth":306,"text":4144},{"id":4170,"depth":306,"text":4171},{"id":4212,"depth":300,"text":4213},{"id":4318,"depth":300,"text":4319},"AI","/images/blog/building-connekz-ai-agent.webp","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":3207,"description":4399},"blog/building-connekz-ai-agent",[1048,4406,4407,4408],"AI Agents","Natural Language Processing","Product Engineering","2YCkK2INdQMl3PgIqhswm2yH6iMOT5b2vK2Vmh3fHHQ",1785104492806]