PageSourceSearch

https://a2aprotocol.ai/blog

html a2aprotocol.ai collected 2026-09-24 09:07:07 UTC 86,952 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/f055e431c58b907b.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/bd0fb7a263c88c3e.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-233711dd01719e2f.js"/>
1<script src="/_next/static/chunks/4bd1b696-809dc8533c674123.js" async=""></script>
1<script src="/_next/static/chunks/1684-9c339436dbf6d3b9.js" async=""></script>
1<script src="/_next/static/chunks/main-app-547e9a1680a869f8.js" async=""></script>
1<script src="/_next/static/chunks/6874-d043bc3669b11e48.js" async=""></script>
1<script src="/_next/static/chunks/4277-8448fba076ff7080.js" async=""></script>
1<script src="/_next/static/chunks/3076-1ec7091e66f3f142.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-337c789f10c3a065.js" async=""></script>
1<script src="/_next/static/chunks/3063-c3c37fc949df8d0a.js" async=""></script>
1<script src="/_next/static/chunks/app/blog/page-139c789354a6f796.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-KT9ZZ2PJ25" as="script"/><link rel="preload" href="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2056450288679377" as="script" crossorigin=""/><link rel="icon" href="/favicon.ico" sizes="any"/><meta name="google-adsense-account" content="ca-pub-2056450288679377"/><title>Blog | A2A Protocol</title><meta name="description" content="Latest insights, tutorials, and best practices in the A2A Protocol ecosystem"/><meta name="author" content="A2A Protocol"/><meta name="keywords" content="A2A Protocol,blog,tutorials,guides,best practices"/><link rel="canonical" href="https://a2aprotocol.ai/blog"/><meta property="og:title" content="Blog | A2A Protocol"/><meta property="og:description" content="Latest insights, tutorials, and best practices in the A2A Protocol ecosystem"/><meta property="og:url" content="https://a2aprotocol.ai/blog"/><meta property="og:site_name" content="A2A Protocol"/><meta property="og:image" content="https://a2aprotocol.ai/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="A2A Protocol"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Blog | A2A Protocol"/><meta name="twitter:description" content="Latest insights, tutorials, and best practices in the A2A Protocol ecosystem"/><meta name="twitter:image" content="https://a2aprotocol.ai/og-image.png"/>
1<script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="min-h-screen flex flex-col"><div hidden=""><!--$?--><template id="B:0"></template><!--/$--></div><div style="--topbar-height:0px"><div><div class="w-full py-2 px-4 flex flex-wrap items-center justify-center gap-2 text-center text-sm" style="background:linear-gradient(90deg, #6366f1, #ec4899);color:#fff"><a href="https://imagelayered.com/?utm_source=a2aprotocol&amp;utm_medium=referral" target="_blank" rel="noopener noreferrer" class="flex min-w-0 items-center justify-center gap-2 transition-opacity hover:opacity-90 sm:gap-3"><span class="min-w-0 truncate font-medium">Image to Layers — No Photoshop Skills Needed</span><span class="inline-flex shrink-0 items-center justify-center rounded px-4 py-1.5 font-semibold" style="background-color:#0a23db;color:#fff">Try ImageLayered</span></a></div></div><header class="sticky left-0 right-0 z-50 transition-all duration-300 py-4 top-[var(--topbar-height,0)] bg-transparent"><div class="container mx-auto flex items-center justify-between"><a class="flex items-center" href="/"><span class="text-2xl font-bold text-[#4F6AF6]">A2A Protocol</span></a><nav class="hidden md:flex space-x-8"><a class="relative inline-block text-foreground hover:text-[#4F6AF6] transition-colors duration-200" href="/#about">About</a><div class="relative"><button class="relative inline-flex items-center text-foreground hover:text-[#4F6AF6] transition-colors duration-200">Tools<svg class="ml-1 w-4 h-4 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><a class="relative inline-block text-foreground hover:text-[#4F6AF6] transition-colors duration-200" href="/blog">Blog<span class="absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 bg-red-100 text-red-800 text-[10px] italic font-medium px-1.5 py-0 rounded-full dark:bg-red-900 dark:text-red-300">9/24</span></a><a class="relative inline-block text-foreground hover:text-[#4F6AF6] transition-colors duration-200" href="/insights">Insights</a><a class="relative inline-block text-foreground hover:text-[#4F6AF6] transition-colors duration-200" href="/products">Submit<span class="absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 bg-green-100 text-green-800 text-[10px] italic font-medium px-1.5 py-0 rounded-full dark:bg-green-900 dark:text-green-300">New</span></a></nav><a class="hidden md:flex items-center gap-2 bg-[#4F6AF6] hover:bg-[#3F5AE6] text-white font-medium py-2 px-4 rounded-md transition-colors duration-200" href="/tools/meta-glasses-converter"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-glasses w-4 h-4" aria-hidden="true"><circle cx="6" cy="15" r="4"></circle><circle cx="18" cy="15" r="4"></circle><path d="M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2"></path><path d="M2.5 13 5 7c.7-1.3 1.4-2 3-2"></path><path d="M21.5 13 19 7c-.7-1.3-1.5-2-3-2"></path></svg>Meta Glasses Converter</a><button class="md:hidden text-foreground mobile-menu-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button></div></header></div><main class="flex-grow"><div class="relative pt-32 md:pt-36"><div class="absolute inset-0 bg-gradient-to-br from-blue-50 to-purple-50 -z-10"></div><div class="absolute inset-0 bg-[url(&#x27;/grid-pattern.svg&#x27;)] opacity-10 -z-10"></div><div class="container-custom relative py-20"><h1 class="mb-4 text-4xl font-bold">Blog</h1><p class="mb-8 text-lg text-muted-foreground">Explore the latest insights, tutorials, and best practices in the A2A Protocol ecosystem. Stay updated with our technical articles and community updates.</p><div class="mb-8"><h2 class="mb-4 text-lg font-semibold">Filter by Tags</h2><div class="flex flex-wrap gap-2"><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-blue-200 bg-blue-50 text-blue-700" href="/blog">All</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/.net">.NET</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/acp">ACP</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/adk">ADK</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/ag2">AG2</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/ap2">AP2</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/crewai">CrewAI</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/extension">Extension</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/inspector">Inspector</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/json">JSON</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/java">Java</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/langchain">LangChain</a><a class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100" href="/blog/tag/langgraph">LangGraph</a><button type="button" aria-expanded="false" class="inline-flex items-center rounded-full border px-3 py-1 text-sm transition-colors border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100">+38 more</button></div></div><div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3"><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/2026-glm-ocr-complete-guide"><img alt="2026 Complete Guide to GLM-OCR for Next-Gen Document Understanding" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/2026-glm-ocr-complete-guide-cover.svg"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2026-02-04">February 4, 2026</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/2026-glm-ocr-complete-guide">2026 Complete Guide to GLM-OCR for Next-Gen Document Understanding</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">GLM-OCR is a 0.9B-parameter multimodal OCR model built on the GLM-V architecture, designed for c
1omplex document understanding, not just text extraction. Delivers structure-first outputs (semantic Markdown, JSON, LaTeX), accurately reconstructing tables, formulas, layout, and handwriting across 100+ languages with state-of-the-art OmniDocBench V1.5 performance (94.62) at ~1.86 PDF pages/second.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">glm-ocr</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">ocr</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">document-understanding</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">+<!-- -->2</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/2026-qwen3-coder-next-complete-guide"><img alt="Qwen3-Coder-Next Complete 2026 Guide - Running AI Coding Agents Locally" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/2026-qwen3-coder-next-complete-guide-cover.svg"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2026-02-04">February 4, 2026</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/2026-qwen3-coder-next-complete-guide">Qwen3-Coder-Next Complete 2026 Guide - Running AI Coding Agents Locally</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">Qwen3-Coder-Next is an open-weight language model achieving Sonnet 4.5-level coding performance with only 3B activated parameters (80B total with MoE architecture). Runs on consumer hardware like 64GB MacBook, RTX 5090, or AMD Radeon 7900 XTX with 256K context length. Scores 44.3% on SWE-Bench Pro while eliminating expensive API costs.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">qwen3-coder-next</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">ai-coding</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">local-llm</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">+<!-- -->3</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/2026-moltbook-ai-guide"><img alt="The Complete 2026 Guide: Moltbook — The AI Agent Social Network Revolution" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/2026-moltbook-ai-guide-cover.svg"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2026-01-31">January 31, 2026</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/2026-moltbook-ai-guide">
1The Complete 2026 Guide: Moltbook — The AI Agent Social Network Revolution</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">Explore Moltbook — the world&#x27;s first AI Agent social network. Discover how AI Agents autonomously interact, create communities, and the security risks and philosophical reflections this technical experiment brings.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">moltbook</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">ai-agent</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">openclaw</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">+<!-- -->3</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/2026-moltworker-complete-guide"><img alt="Moltworker Complete Guide 2026: Running Personal AI Agents on Cloudflare Without Hardware" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/2026-moltworker-complete-guide-cover.png"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2026-01-30">January 30, 2026</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/2026-moltworker-complete-guide">Moltworker Complete Guide 2026: Running Personal AI Agents on Cloudflare Without Hardware</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">Complete guide to Moltworker: run Moltbot AI agents on Cloudflare without hardware. Architecture, deployment steps, security practices, comparison with self-hosting, and FAQ.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">moltworker</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">moltbot</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">cloudflare</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">+<!-- -->1</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/2026-a2ui-rizzcharts-tutorial"><img alt="The Complete 2026 Guide: Building Interactive Dashboards with A2UI RizzCharts" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/2026-a2ui-rizzcharts-tutorial-cover.svg"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2026-01-15">January 15, 2026</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/2026-a2ui-rizzcharts-tutorial">
1The Complete 2026 Guide: Building Interactive Dashboards with A2UI RizzCharts</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">Learn how to build AI-powered ecommerce dashboards with A2UI RizzCharts. Understand custom component catalogs, Chart and GoogleMap components, data binding, and integration with Google ADK.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">a2ui</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">rizzcharts</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">tutorial</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">+<!-- -->3</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/2026-universal-commerce-protocol"><img alt="Universal Commerce Protocol (UCP): The Complete 2026 Guide to Agentic Commerce Standards" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/2026-universal-commerce-protocol-cover.svg"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2026-01-12">January 12, 2026</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/2026-universal-commerce-protocol">Universal Commerce Protocol (UCP): The Complete 2026 Guide to Agentic Commerce Standards</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">Discover Universal Commerce Protocol (UCP), the open standard revolutionizing agentic commerce. Learn how UCP enables seamless interoperability between AI platforms, businesses, and payment providers, solving fragmented commerce journeys with standardized APIs for checkout, order management, and payment processing.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">ucp</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">commerce-protocol</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">agentic-commerce</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">+<!-- -->3</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/2026-a2ui-developer-guide"><img alt="The Complete Developer Tutorial: Building AI Agent UIs with A2UI and A2A Protocol in 2026" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/2026-a2ui-developer-guide-cover.svg"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2026-01-11">January 11, 2026</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/2026-a2ui-developer-guide">
1The Complete Developer Tutorial: Building AI Agent UIs with A2UI and A2A Protocol in 2026</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">Master A2UI and A2A Protocol development with this complete tutorial. Learn to build AI agent UIs, implement renderers, create custom components, and integrate secure multi-agent communication for cross-platform applications.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">a2ui</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">a2a-protocol</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">tutorial</span><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">+<!-- -->1</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/a2ui-guide"><img alt="The A2UI Protocol: A 2026 Complete Guide to Agent-Driven Interfaces" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/a2ui-guide-cover.svg"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2025-12-16">December 16, 2025</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/a2ui-guide">The A2UI Protocol: A 2026 Complete Guide to Agent-Driven Interfaces</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">Discover A2UI, the security-first declarative UI protocol that enables AI agents to generate rich, interactive user interfaces. Learn how A2UI solves the &#x27;Chat Wall&#x27; problem, achieves security through data vs. code separation, and enables dynamic cross-platform interfaces. Includes real-world examples and implementation guidance.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">a2ui</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article><article class="group card-feature"><a class="relative block aspect-[16/9] w-full overflow-hidden bg-gray-100" href="/blog/a2ui-introduction"><img alt="A2UI Introduction - Declarative UI Protocol for Agent-Driven Interfaces" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-200 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://blog.a2aprotocol.ai/images/a2ui-introduction-cover.svg"/></a><div class="flex flex-1 flex-col gap-3 p-5"><div class="text-xs text-slate-500"><time dateTime="2025-12-16">December 16, 2025</time></div><a class="text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand" href="/blog/a2ui-introduction">A2UI Introduction - Declarative UI Protocol for Agent-Driven Interfaces</a><p class="flex-1 text-sm text-muted-foreground line-clamp-3">Discover A2UI, the declarative UI protocol that enables AI agents to generate rich, interactive user interfaces. Learn how A2UI works, who it&#x27;s for, how to use it, and see real-world examples from Google Opal, Gemini Enterprise, and Flutter GenUI SDK.</p><div class="flex flex-wrap gap-1.5"><span class="inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800">a2ui</span></div><div class="flex items-center font-medium text-brand transition-transform group-hover:translate-x-1">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></article></div><nav role="navigation" aria-label="pagination" class="mx-auto flex w-full justify-center mt-12"><ul class="flex flex-row items-center gap-1">
1<li class=""><a class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 gap-1 pl-2.5 pointer-events-none opacity-50" aria-label="Go to previous page" href="#" aria-disabled="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left h-4 w-4"><path d="m15 18-6-6 6-6"></path></svg><span>Previous</span></a></li><li class=""><a aria-current="page" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10" href="/blog">1</a></li><li class=""><a class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10" href="/blog?page=2">2</a></li><li class=""><span aria-hidden="true" class="flex h-9 w-9 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis h-4 w-4"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg><span class="sr-only">More pages</span></span></li><li class=""><a class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10" href="/blog?page=8">8</a></li><li class=""><a class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 gap-1 pr-2.5" aria-label="Go to next page" href="/blog?page=2" aria-disabled="false"><span>Next</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4"><path d="m9 18 6-6-6-6"></path></svg></a></li></ul></nav></div></div><!--$?--><template id="B:1"></template><!--/$--></main><footer class="bg-[#1E293B] text-white pt-16 pb-8"><div class="container mx-auto"><div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-6 gap-8 mb-12"><div class="col-span-1"><a class="inline-block mb-4" href="/"><span class="text-xl font-bold text-[#4F6AF6]">A2A Protocol</span></a><p class="text-gray-300 mb-4">An open protocol for agent interoperability, enabling seamless collaboration between AI agents across platforms.</p><div class="flex space-x-4"><a href="https://github.com/sing1ee/a2a-directory" target="_blank" rel="noopener noreferrer" class="h-10 w-10 rounded-full bg-[#2A3A50] flex items-center justify-center hover:bg-[#4F6AF6] transition-colors"><span class="sr-only">github</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a><a href="mailto:[email protected]" class="h-10 w-10 rounded-full bg-[#2A3A50] flex items-center justify-center hover:bg-[#4F6AF6] transition-colors"><span class="sr-only">email</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></a></div></div><div><h3 class="text-lg font-semibold mb-4">Protocol</h3><ul class="space-y-2"><li><a class="text-gray-300 hover:text-white transition-colors" href="https://github.com/a2aproject/A2A/tree/main/specification">Specification</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="https://a2aproject.github.io/A2A/#/documentation">Implementation</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/a2a-partners">Partners</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4">Resources</h3><ul class="space-y-2"><li><a class="text-gray-300 hover:text-white transition-colors" href="/docs">Documentation</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/docs/guide/a2a-ins
1pector">A2A Inspector</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/docs/guide/a2a-typescript-guide">TypeScript Guide</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/docs/guide/google-a2a-python-sdk-tutorial">Python Tutorial</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/blog">Blog</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/insights">Insights</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/ap2-protocol">AP2 Protocol</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4">Tools</h3><ul class="space-y-2"><li><a class="text-gray-300 hover:text-white transition-colors" href="/tools">Tools Hub</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/tools/depth-of-field">Depth of Field Calculator</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/tools/kalkulator-mbg">Kalkulator MBG</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/tools/meta-glasses-converter">Meta Glasses Converter</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/a2a-protocol-validator">A2A Protocol Validator</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/a2a-agents">A2A Agents</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4">Topics</h3><ul class="space-y-2"><li><a class="text-gray-300 hover:text-white transition-colors" href="/topics/langgraph">LangGraph &amp; A2A</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/topics/python">Python SDK</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/topics/typescript">TypeScript</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/topics/mcp">MCP Integration</a></li></ul></div><div><h3 class="text-lg font-semibold mb-4">About</h3><ul class="space-y-2"><li><a class="text-gray-300 hover:text-white transition-colors" href="/">Overview</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/a2a-partners">Partners</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="/">News</a></li><li><a class="text-gray-300 hover:text-white transition-colors" href="https://github.com/a2aproject/A2A/discussions/">Contact</a></li></ul></div></div><div class="border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between"><p class="text-gray-400 mb-4 md:mb-0">© 2025 A2A Protocol. All rights reserved.</p><div class="flex flex-wrap gap-4 text-gray-400"><a class="hover:text-white transition-colors" href="/privacypolicy">Privacy Policy</a><a class="hover:text-white transition-colors" href="/termsofservice">Terms of Service</a><a class="hover:text-white transition-colors" href="/cookiepolicy">Cookie Policy</a></div></div></div></footer>
1<script src="/_next/static/chunks/webpack-233711dd01719e2f.js" async=""></script>
1<div hidden id="S:1"></div>
1<script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:1","S:1")</script>
1<div hidden id="S:0"></div>
1<script>$RC("B:0","S:0")</script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[69243,[\"6874\",\"static/chunks/6874-d043bc3669b11e48.js\",\"4277\",\"static/chunks/4277-8448fba076ff7080.js\",\"3076\",\"static/chunks/3076-1ec7091e66f3f142.js\",\"7177\",\"static/chunks/app/layout-337c789f10c3a065.js\"],\"\"]\n3:I[76614,[\"6874\",\"static/chunks/6874-d043bc3669b11e48.js\",\"4277\",\"static/chunks/4277-8448fba076ff7080.js\",\"3076\",\"static/chunks/3076-1ec7091e66f3f142.js\",\"7177\",\"static/chunks/app/layout-337c789f10c3a065.js\"],\"default\"]\n4:I[87555,[],\"\"]\n5:I[31295,[],\"\"]\n6:I[6874,[\"6874\",\"static/chunks/6874-d043bc3669b11e48.js\",\"3063\",\"static/chunks/3063-c3c37fc949df8d0a.js\",\"3831\",\"static/chunks/app/blog/page-139c789354a6f796.js\"],\"\"]\n8:I[59665,[],\"OutletBoundary\"]\nb:I[74911,[],\"AsyncMetadataOutlet\"]\nd:I[59665,[],\"ViewportBoundary\"]\nf:I[59665,[],\"MetadataBoundary\"]\n11:I[26614,[],\"\"]\n12:\"$Sreact.suspense\"\n13:I[74911,[],\"AsyncMetadata\"]\n15:I[1586,[\"6874\",\"static/chunks/6874-d043bc3669b11e48.js\",\"3063\",\"static/chunks/3063-c3c37fc949df8d0a.js\",\"3831\",\"static/chunks/app/blog/page-139c789354a6f796.js\"],\"TagPillRow\"]\n16:I[33063,[\"6874\",\"static/chunks/6874-d043bc3669b11e48.js\",\"3063\",\"static/chunks/3063-c3c37fc949df8d0a.js\",\"3831\",\"static/chunks/app/blog/page-139c789354a6f796.js\"],\"Image\"]\n:HL[\"/_next/static/css/f055e431c58b907b.css\",\"style\"]\n:HL[\"/_next/static/css/bd0fb7a263c88c3e.css\",\"style\"]\n0:{\"P\":null,\"b\":\"e4dYSQSf_tVtrXSQ6pi_J\",\"p\":\"\",\"c\":[\"\",\"blog\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f055e431c58b907b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/bd0fb7a263c88c3e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"meta\",null,{\"name\":\"google-adsense-account\",\"content\":\"ca-pub-2056450288679377\"}]]}],[\"$\",\"body\",null,{\"className\":\"min-h-screen flex flex-col\",\"children\":[[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-KT9ZZ2PJ25\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', 'G-KT9ZZ2PJ25');\\n          \"}],[\"$\",\"$L2\",null,{\"async\":true,\"src\":\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2056450288679377\",\"crossOrigin\":\"anonymous\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L3\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-grow\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\"
1:\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be fou"])</script>
1<script>self.__next_f.push([1,"nd.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"bg-[#1E293B] text-white pt-16 pb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-6 gap-8 mb-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-1\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"inline-block mb-4\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-xl font-bold text-[#4F6AF6]\",\"children\":\"A2A Protocol\"}]}],[\"$\",\"p\",null,{\"className\":\"text-gray-300 mb-4\",\"children\":\"An open protocol for agent interoperability, enabling seamless collaboration between AI agents across platforms.\"}],[\"$\",\"div\",null,{\"className\":\"flex space-x-4\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/sing1ee/a2a-directory\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"h-10 w-10 rounded-full bg-[#2A3A50] flex items-center justify-center hover:bg-[#4F6AF6] transition-colors\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"github\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22\"}]}]]}],[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"h-10 w-10 rounded-full bg-[#2A3A50] flex items-center justify-center hover:bg-[#4F6AF6] transition-colors\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"email\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[[\"$\",\"rect\",null,{\"width\":\"20\",\"height\":\"16\",\"x\":\"2\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",null,{\"d\":\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold mb-4\",\"children\":\"Protocol\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Specification\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"https://github.com/a2aproject/A2A/tree/main/specification\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Specification\"}]}],[\"$\",\"li\",\"Implementation\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"https://a2aproject.github.io/A2A/#/documentation\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Implementation\"}]}],[\"$\",\"li\",\"Partners\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/a2a-partners\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Partners\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold mb-4\",\"children\":\"Resources\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Documentation\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/docs\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Documentation\"}]}],[\"$\",\"li\",\"A2A Inspector\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/docs/guide/a2a-ins
1pector\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"A2A Inspector\"}]}],[\"$\",\"li\",\"TypeScript Guide\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/docs/guide/a2a-typescript-guide\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"TypeScript Guide\"}]}],[\"$\",\"li\",\"Python Tutorial\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/docs/guide/google-a2a-python-sdk-tutorial\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Python Tutorial\"}]}],[\"$\",\"li\",\"Blog\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/blog\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Blog\"}]}],[\"$\",\"li\",\"Insights\",{\"children\":[\"$\",\"$L6\""])</script>
1<script>self.__next_f.push([1,",null,{\"href\":\"/insights\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Insights\"}]}],[\"$\",\"li\",\"AP2 Protocol\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/ap2-protocol\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"AP2 Protocol\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold mb-4\",\"children\":\"Tools\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Tools Hub\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/tools\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Tools Hub\"}]}],[\"$\",\"li\",\"Depth of Field Calculator\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/tools/depth-of-field\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Depth of Field Calculator\"}]}],[\"$\",\"li\",\"Kalkulator MBG\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/tools/kalkulator-mbg\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Kalkulator MBG\"}]}],[\"$\",\"li\",\"Meta Glasses Converter\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/tools/meta-glasses-converter\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Meta Glasses Converter\"}]}],[\"$\",\"li\",\"A2A Protocol Validator\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/a2a-protocol-validator\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"A2A Protocol Validator\"}]}],[\"$\",\"li\",\"A2A Agents\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/a2a-agents\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"A2A Agents\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold mb-4\",\"children\":\"Topics\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"LangGraph \u0026 A2A\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/topics/langgraph\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"LangGraph \u0026 A2A\"}]}],[\"$\",\"li\",\"Python SDK\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/topics/python\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Python SDK\"}]}],[\"$\",\"li\",\"TypeScript\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/topics/typescript\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"TypeScript\"}]}],[\"$\",\"li\",\"MCP Integration\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/topics/mcp\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"MCP Integration\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold mb-4\",\"children\":\"About\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"Overview\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Overview\"}]}],[\"$\",\"li\",\"Partners\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/a2a-partners\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Partners\"}]}],[\"$\",\"li\",\"News\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"News\"}]}],[\"$\",\"li\",\"Contact\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"https://github.com/a2aproject/A2A/discussions/\",\"className\":\"text-gray-300 hover:text-white transition-colors\",\"children\":\"Contact\"}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-gray-400 mb-4 md:mb-0\",\"children\":\"© 2025 A2A Protocol. All rights reserved.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-4 text-gray-400\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/privacypolicy\",\"className\":\"hover:text-white transition-colors\",\"children\":\"Privacy Policy\"}],[\"$\",\"$L6\",null,{\"href\":\"/termsofservice\",\"className\":\"hover:text-white transition-colors\",\"children\":\"Terms of Service\"}],[\"$\",\"$L6\",null,{\"href\":\"/cookiepolicy\",\"className\":\"hover:text-white transition-colors\",\"children\":\"Cookie Policy\"}]]}]]}]]}]}]]}]]}]]}],{\"children\":[\"blog\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$u"])</script>
1<script>self.__next_f.push([1,"ndefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",null,[\"$\",\"$L8\",null,{\"children\":[\"$L9\",\"$La\",[\"$\",\"$Lb\",null,{\"promise\":\"$@c\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"PlJrDFFY5ZGYx_5ZnyLjgv\",{\"children\":[[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],null]}],[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",\"$undefined\"],\"s\":false,\"S\":false}\n10:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$12\",null,{\"fallback\":null,\"children\":[\"$\",\"$L13\",null,{\"promise\":\"$@14\"}]}]}]\n7:[\"$\",\"div\",null,{\"className\":\"relative pt-32 md:pt-36\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-br from-blue-50 to-purple-50 -z-10\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[url('/grid-pattern.svg')] opacity-10 -z-10\"}],[\"$\",\"div\",null,{\"className\":\"container-custom relative py-20\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"mb-4 text-4xl font-bold\",\"children\":\"Blog\"}],[\"$\",\"p\",null,{\"className\":\"mb-8 text-lg text-muted-foreground\",\"children\":\"Explore the latest insights, tutorials, and best practices in the A2A Protocol ecosystem. Stay updated with our technical articles and community updates.\"}],[\"$\",\"$L15\",null,{\"tags\":[\".NET\",\"ACP\",\"ADK\",\"AG2\",\"AP2\",\"CrewAI\",\"Extension\",\"Inspector\",\"JSON\",\"Java\",\"LangChain\",\"LangGraph\",\"LlamaIndex\",\"MCP\",\"Ollama\",\"OpenRouter\",\"Python\",\"Specification\",\"TypeScript\",\"a2a-protocol\",\"a2ui\",\"agentic-commerce\",\"ai\",\"ai-agent\",\"ai-coding\",\"ap2-protocol\",\"cloudflare\",\"coding-agent\",\"commerce-protocol\",\"custom-components\",\"dashboard\",\"developer-guide\",\"document-understanding\",\"glm-ocr\",\"llm\",\"local-llm\",\"moe\",\"moltbook\",\"moltbot\",\"moltworker\",\"multimodal-ai\",\"ocr\",\"openclaw\",\"payment-protocol\",\"qwen3-coder-next\",\"rizzcharts\",\"security\",\"social-network\",\"tutorial\",\"ucp\"],\"basePath\":\"/blog\",\"tagRoutePrefix\":\"/blog/tag\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"article\",\"2026-glm-ocr-complete-guide\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-glm-ocr-complete-guide\",\"className\":\"relative block aspect-[16/9] w-full overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/2026-glm-ocr-complete-guide-cover.svg\",\"alt\":\"2026 Complete Guide to GLM-OCR for Next-Gen Document Understanding\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2026-02-04\",\"children\":\"February 4, 2026\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-glm-ocr-complete-guide\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"2026 Complete Guide to GLM-OCR for Next-Gen Document Understanding\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"GLM-OCR is a 0.9B-parameter multimodal OCR model built on the GLM-V architecture, designed for complex document understanding, not just text extraction. Delivers structure-first outputs (semantic Markdown, JSON, LaTeX), accurately reconstructing tables, formulas, layout, and handwriting across 100+ languages with state-of-the-art OmniDocBench V1.5 performance (94.62) at ~1.86 PDF pages/second.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"glm-ocr\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"glm-ocr\"}],[\"$\",\"span\",\"ocr\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"ocr\"}],[\"$\",\"span\",\"document-understanding\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text"])</script>
1<script>self.__next_f.push([1,"-xs text-blue-800\",\"children\":\"document-understanding\"}]],[\"$\",\"span\",null,{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":[\"+\",2]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"article\",\"2026-qwen3-coder-next-complete-guide\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-qwen3-coder-next-complete-guide\",\"className\":\"relative block aspect-[16/9] w-full overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/2026-qwen3-coder-next-complete-guide-cover.svg\",\"alt\":\"Qwen3-Coder-Next Complete 2026 Guide - Running AI Coding Agents Locally\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2026-02-04\",\"children\":\"February 4, 2026\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-qwen3-coder-next-complete-guide\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"Qwen3-Coder-Next Complete 2026 Guide - Running AI Coding Agents Locally\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"Qwen3-Coder-Next is an open-weight language model achieving Sonnet 4.5-level coding performance with only 3B activated parameters (80B total with MoE architecture). Runs on consumer hardware like 64GB MacBook, RTX 5090, or AMD Radeon 7900 XTX with 256K context length. Scores 44.3% on SWE-Bench Pro while eliminating expensive API costs.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"qwen3-coder-next\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"qwen3-coder-next\"}],[\"$\",\"span\",\"ai-coding\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"ai-coding\"}],[\"$\",\"span\",\"local-llm\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"local-llm\"}]],[\"$\",\"span\",null,{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":[\"+\",3]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"article\",\"2026-moltbook-ai-guide\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-moltbook-ai-guide\",\"className\":\"relative block aspect-[16/9] w-full overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/2026-moltbook-ai-guide-cover.svg\",\"alt\":\"The Complete 2026 Guide: Moltbook — The AI Agent Social Network Revolution\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\","])</script>
1<script>self.__next_f.push([1,"null,{\"dateTime\":\"2026-01-31\",\"children\":\"January 31, 2026\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-moltbook-ai-guide\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"The Complete 2026 Guide: Moltbook — The AI Agent Social Network Revolution\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"Explore Moltbook — the world's first AI Agent social network. Discover how AI Agents autonomously interact, create communities, and the security risks and philosophical reflections this technical experiment brings.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"moltbook\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"moltbook\"}],[\"$\",\"span\",\"ai-agent\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"ai-agent\"}],[\"$\",\"span\",\"openclaw\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"openclaw\"}]],[\"$\",\"span\",null,{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":[\"+\",3]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"article\",\"2026-moltworker-complete-guide\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-moltworker-complete-guide\",\"className\":\"relative block aspect-[16/9] w-full overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/2026-moltworker-complete-guide-cover.png\",\"alt\":\"Moltworker Complete Guide 2026: Running Personal AI Agents on Cloudflare Without Hardware\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2026-01-30\",\"children\":\"January 30, 2026\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-moltworker-complete-guide\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"Moltworker Complete Guide 2026: Running Personal AI Agents on Cloudflare Without Hardware\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"Complete guide to Moltworker: run Moltbot AI agents on Cloudflare without hardware. Architecture, deployment steps, security practices, comparison with self-hosting, and FAQ.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"moltworker\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"moltworker\"}],[\"$\",\"span\",\"moltbot\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"moltbot\"}],[\"$\",\"span\",\"cloudflare\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"cloudflare\"}]],[\"$\",\"span\",null,{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":[\"+\",1]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
1:24,\"viewBox\":\"0 0 24 24\""])</script>
1<script>self.__next_f.push([1,",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"article\",\"2026-a2ui-rizzcharts-tutorial\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-a2ui-rizzcharts-tutorial\",\"className\":\"relative block aspect-[16/9] w-full overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/2026-a2ui-rizzcharts-tutorial-cover.svg\",\"alt\":\"The Complete 2026 Guide: Building Interactive Dashboards with A2UI RizzCharts\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2026-01-15\",\"children\":\"January 15, 2026\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-a2ui-rizzcharts-tutorial\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"The Complete 2026 Guide: Building Interactive Dashboards with A2UI RizzCharts\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"Learn how to build AI-powered ecommerce dashboards with A2UI RizzCharts. Understand custom component catalogs, Chart and GoogleMap components, data binding, and integration with Google ADK.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"a2ui\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"a2ui\"}],[\"$\",\"span\",\"rizzcharts\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"rizzcharts\"}],[\"$\",\"span\",\"tutorial\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"tutorial\"}]],[\"$\",\"span\",null,{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":[\"+\",3]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"article\",\"2026-universal-commerce-protocol\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-universal-commerce-protocol\",\"className\":\"relative block aspect-[16/9] w-full overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/2026-universal-commerce-protocol-cover.svg\",\"alt\":\"Universal Commerce Protocol (UCP): The Complete 2026 Guide to Agentic Commerce Standards\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2026-01-12\",\"children\":\"January 12, 2026\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-universal-commerce-protocol\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"Universal Commerce Protocol (UCP): The Complete 2026 Guide to Agentic Commerce Standards\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"Discover Universal Commerce Protocol (UCP), the open standard revolutionizing agentic commerce. Learn how UCP enables seamless interoperability between AI platforms, businesses, and paym"])</script>
1<script>self.__next_f.push([1,"ent providers, solving fragmented commerce journeys with standardized APIs for checkout, order management, and payment processing.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"ucp\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"ucp\"}],[\"$\",\"span\",\"commerce-protocol\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"commerce-protocol\"}],[\"$\",\"span\",\"agentic-commerce\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"agentic-commerce\"}]],[\"$\",\"span\",null,{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":[\"+\",3]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"article\",\"2026-a2ui-developer-guide\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-a2ui-developer-guide\",\"className\":\"relative block aspect-[16/9] w-full overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/2026-a2ui-developer-guide-cover.svg\",\"alt\":\"The Complete Developer Tutorial: Building AI Agent UIs with A2UI and A2A Protocol in 2026\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2026-01-11\",\"children\":\"January 11, 2026\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/2026-a2ui-developer-guide\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"The Complete Developer Tutorial: Building AI Agent UIs with A2UI and A2A Protocol in 2026\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"Master A2UI and A2A Protocol development with this complete tutorial. Learn to build AI agent UIs, implement renderers, create custom components, and integrate secure multi-agent communication for cross-platform applications.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"a2ui\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"a2ui\"}],[\"$\",\"span\",\"a2a-protocol\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"a2a-protocol\"}],[\"$\",\"span\",\"tutorial\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"tutorial\"}]],[\"$\",\"span\",null,{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":[\"+\",1]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"article\",\"a2ui-guide\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/a2ui-guide\",\"className\":\"relative block aspect-[16/9] w-full "])</script>
1<script>self.__next_f.push([1,"overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/a2ui-guide-cover.svg\",\"alt\":\"The A2UI Protocol: A 2026 Complete Guide to Agent-Driven Interfaces\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2025-12-16\",\"children\":\"December 16, 2025\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/a2ui-guide\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"The A2UI Protocol: A 2026 Complete Guide to Agent-Driven Interfaces\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"Discover A2UI, the security-first declarative UI protocol that enables AI agents to generate rich, interactive user interfaces. Learn how A2UI solves the 'Chat Wall' problem, achieves security through data vs. code separation, and enables dynamic cross-platform interfaces. Includes real-world examples and implementation guidance.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"a2ui\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"a2ui\"}]],null]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],[\"$\",\"article\",\"a2ui-introduction\",{\"className\":\"group card-feature\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/blog/a2ui-introduction\",\"className\":\"relative block aspect-[16/9] w-full overflow-hidden bg-gray-100\",\"children\":[\"$\",\"$L16\",null,{\"src\":\"https://blog.a2aprotocol.ai/images/a2ui-introduction-cover.svg\",\"alt\":\"A2UI Introduction - Declarative UI Protocol for Agent-Driven Interfaces\",\"fill\":true,\"className\":\"object-cover transition-transform duration-200 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col gap-3 p-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs text-slate-500\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2025-12-16\",\"children\":\"December 16, 2025\"}]}],[\"$\",\"$L6\",null,{\"href\":\"/blog/a2ui-introduction\",\"className\":\"text-lg font-semibold text-gray-900 line-clamp-2 transition-colors group-hover:text-brand\",\"children\":\"A2UI Introduction - Declarative UI Protocol for Agent-Driven Interfaces\"}],[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-muted-foreground line-clamp-3\",\"children\":\"Discover A2UI, the declarative UI protocol that enables AI agents to generate rich, interactive user interfaces. Learn how A2UI works, who it's for, how to use it, and see real-world examples from Google Opal, Gemini Enterprise, and Flutter GenUI SDK.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5\",\"children\":[[[\"$\",\"span\",\"a2ui\",{\"className\":\"inline-flex rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-xs text-blue-800\",\"children\":\"a2ui\"}]],null]}],[\"$\",\"div\",null,{\"className\":\"flex items-center font-medium text-brand transition-transform group-hover:translate-x-1\",\"children\":[\"Read more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right ml-2 h-4 w-4\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}]]}],[\"$\",\"nav\",null,{\"role\":\"navigation\",\"aria-label\":\"pagination\",\"className\":\"mx-auto flex w-full justify-center "])</script>
1<script>self.__next_f.push([1,"mt-12\",\"children\":[\"$\",\"ul\",null,{\"ref\":\"$undefined\",\"className\":\"flex flex-row items-center gap-1\",\"children\":[[\"$\",\"li\",null,{\"ref\":\"$undefined\",\"className\":\"\",\"children\":[\"$\",\"a\",null,{\"aria-current\":\"$undefined\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 gap-1 pl-2.5 pointer-events-none opacity-50\",\"aria-label\":\"Go to previous page\",\"href\":\"#\",\"aria-disabled\":true,\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-left h-4 w-4\",\"children\":[[\"$\",\"path\",\"1wnfg3\",{\"d\":\"m15 18-6-6 6-6\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"children\":\"Previous\"}]]}]}],[[\"$\",\"li\",\"1\",{\"ref\":\"$undefined\",\"className\":\"\",\"children\":[\"$\",\"a\",null,{\"aria-current\":\"page\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10\",\"href\":\"/blog\",\"children\":1}]}],[\"$\",\"li\",\"2\",{\"ref\":\"$undefined\",\"className\":\"\",\"children\":[\"$\",\"a\",null,{\"aria-current\":\"$undefined\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10\",\"href\":\"/blog?page=2\",\"children\":2}]}],[\"$\",\"li\",\"ellipsis-2\",{\"ref\":\"$undefined\",\"className\":\"\",\"children\":[\"$\",\"span\",null,{\"aria-hidden\":true,\"className\":\"flex h-9 w-9 items-center justify-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-ellipsis h-4 w-4\",\"children\":[[\"$\",\"circle\",\"41hilf\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"1\"}],[\"$\",\"circle\",\"1wjl8i\",{\"cx\":\"19\",\"cy\":\"12\",\"r\":\"1\"}],[\"$\",\"circle\",\"1pcz8c\",{\"cx\":\"5\",\"cy\":\"12\",\"r\":\"1\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"More pages\"}]]}]}],[\"$\",\"li\",\"8\",{\"ref\":\"$undefined\",\"className\":\"\",\"children\":[\"$\",\"a\",null,{\"aria-current\":\"$undefined\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10\",\"href\":\"/blog?page=8\",\"children\":8}]}]],[\"$\",\"li\",null,{\"ref\":\"$undefined\",\"className\":\"\",\"children\":[\"$\",\"a\",null,{\"aria-current\":\"$undefined\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 gap-1 pr-2.5\",\"aria-label\":\"Go to next page\",\"href\":\"/blog?page=2\",\"aria-disabled\":false,\"children\":[[\"$\",\"span\",null,{\"children\":\"Next\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
1:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"class"])</script>
1<script>self.__next_f.push([1,"Name\":\"lucide lucide-chevron-right h-4 w-4\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}]]}]}]]}]}]]}]]}]\na:null\ne:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\nc:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Blog | A2A Protocol\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Latest insights, tutorials, and best practices in the A2A Protocol ecosystem\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"A2A Protocol\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"A2A Protocol,blog,tutorials,guides,best practices\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://a2aprotocol.ai/blog\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Blog | A2A Protocol\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Latest insights, tutorials, and best practices in the A2A Protocol ecosystem\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://a2aprotocol.ai/blog\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"A2A Protocol\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://a2aprotocol.ai/og-image.png\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"A2A Protocol\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"Blog | A2A Protocol\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"Latest insights, tutorials, and best practices in the A2A Protocol ecosystem\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://a2aprotocol.ai/og-image.png\"}]],\"error\":null,\"digest\":\"$undefined\"}\n14:{\"metadata\":\"$c:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"3f62799146214a4da22e37563a3ccf1d","r":1,"spa":2}' crossorigin="anonymous"></script>
1
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.