Buckets:

hf-doc-build
/

doc-dev

Files

xet

hf-doc-build/doc-dev / mcp-course /pr_221 /en /unit3 /introduction.html

HuggingFaceDocBuilder

2 months ago

download

raw

21.7 kB

	<meta charset="utf-8" /><meta name="hf:doc:metadata" content="{"title":"Advanced MCP Development: Building Custom Workflow Servers for Claude Code","local":"advanced-mcp-development-building-custom-workflow-servers-for-claude-code","sections":[{"title":"What You’ll Build","local":"what-youll-build","sections":[],"depth":2},{"title":"Real-World Case Study","local":"real-world-case-study","sections":[],"depth":2},{"title":"Key Learning Outcomes","local":"key-learning-outcomes","sections":[],"depth":2},{"title":"MCP Primitives in Action","local":"mcp-primitives-in-action","sections":[],"depth":2},{"title":"Module Structure","local":"module-structure","sections":[],"depth":2},{"title":"Prerequisites","local":"prerequisites","sections":[{"title":"Claude Code Installation and Setup","local":"claude-code-installation-and-setup","sections":[],"depth":3}],"depth":2}],"depth":1}">
	<link href="/docs/mcp-course/pr_221/en/_app/immutable/assets/0.e3b0c442.css" rel="modulepreload">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/entry/start.dc55593b.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/scheduler.4048030c.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/singletons.213fc73e.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/index.dd3f5310.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/paths.e68d3b81.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/entry/app.f1430c51.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/preload-helper.ccf7f2fe.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/index.f47d7c49.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/nodes/0.654a0b07.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/each.e59479a4.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/nodes/28.66de25bf.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/MermaidChart.svelte_svelte_type_style_lang.000481a1.js">
	<link rel="modulepreload" href="/docs/mcp-course/pr_221/en/_app/immutable/chunks/Youtube.70577697.js"><!-- HEAD_svelte-u9bgzb_START --><meta name="hf:doc:metadata" content="{"title":"Advanced MCP Development: Building Custom Workflow Servers for Claude Code","local":"advanced-mcp-development-building-custom-workflow-servers-for-claude-code","sections":[{"title":"What You’ll Build","local":"what-youll-build","sections":[],"depth":2},{"title":"Real-World Case Study","local":"real-world-case-study","sections":[],"depth":2},{"title":"Key Learning Outcomes","local":"key-learning-outcomes","sections":[],"depth":2},{"title":"MCP Primitives in Action","local":"mcp-primitives-in-action","sections":[],"depth":2},{"title":"Module Structure","local":"module-structure","sections":[],"depth":2},{"title":"Prerequisites","local":"prerequisites","sections":[{"title":"Claude Code Installation and Setup","local":"claude-code-installation-and-setup","sections":[],"depth":3}],"depth":2}],"depth":1}"><!-- HEAD_svelte-u9bgzb_END --> <p></p> <div class="items-center shrink-0 min-w-[100px] max-sm:min-w-[50px] justify-end ml-auto flex" style="float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"><div class="inline-flex rounded-md max-sm:rounded-sm"><button class="inline-flex items-center gap-1 h-7 max-sm:h-7 px-2 max-sm:px-1.5 text-sm font-medium text-gray-800 border border-r-0 rounded-l-md max-sm:rounded-l-sm border-gray-200 bg-white hover:shadow-inner dark:border-gray-850 dark:bg-gray-950 dark:text-gray-200 dark:hover:bg-gray-800" aria-live="polite"><span class="inline-flex items-center justify-center rounded-md p-0.5 max-sm:p-0 hover:text-gray-800 dark:hover:text-gray-200"><svg class="sm:size-3.5 size-3" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z" transform="translate(0)"></path><path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" transform="translate(0)"></path><rect fill="none" width="32" height="32"></rect></svg></span> <span>Copy page</span></button> <button class="inline-flex items-center justify-center w-6 max-sm:w-5 h-7 max-sm:h-7 disabled:pointer-events-none text-sm text-gray-500 hover:text-gray-700 dark:hover:text-white rounded-r-md max-sm:rounded-r-sm border border-l transition border-gray-200 bg-white hover:shadow-inner dark:border-gray-850 dark:bg-gray-950 dark:text-gray-200 dark:hover:bg-gray-800" aria-haspopup="menu" aria-expanded="false" aria-label="Open copy menu"><svg class="transition-transform text-gray-400 overflow-visible sm:size-3.5 size-3 rotate-0" width="1em" height="1em" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6 6L11 1" stroke="currentColor"></path></svg></button></div> </div> <h1 class="relative group"><a id="advanced-mcp-development-building-custom-workflow-servers-for-claude-code" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#advanced-mcp-development-building-custom-workflow-servers-for-claude-code"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Advanced MCP Development: Building Custom Workflow Servers for Claude Code</span></h1> <p data-svelte-h="svelte-by74v3">Welcome to Unit 3! In this unit, we’ll build a practical MCP server that enhances Claude Code with custom development workflows while learning all three MCP primitives.</p> <p data-svelte-h="svelte-16o4x59">If you’d like to hear from the creators of MCP, here’s a video they made:</p> <iframe class="w-full xl:w-4/6 h-80" src="https://www.youtube-nocookie.com/embed/CQywdSdi5iA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <p data-svelte-h="svelte-12fq2zf">In this video Theo Chu, David Soria Parra and Alex Albert dive into the Model Context Protocol (MCP), the standard that’s changing how AI applications connect with external data and tools.</p> <h2 class="relative group"><a id="what-youll-build" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#what-youll-build"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>What You’ll Build</span></h2> <p data-svelte-h="svelte-1j1dqxv"><strong>PR Agent Workflow Server</strong> - An MCP server that demonstrates how to make Claude Code team-aware and workflow-intelligent:</p> <ul data-svelte-h="svelte-x70lbh"><li><strong>Smart PR Management</strong>: Automatic PR template selection based on code changes using MCP Tools</li> <li><strong>CI/CD Monitoring</strong>: Track GitHub Actions with Cloudflare Tunnel and standardized Prompts</li> <li><strong>Team Communication</strong>: Slack notifications demonstrating all MCP primitives working together</li></ul> <h2 class="relative group"><a id="real-world-case-study" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#real-world-case-study"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Real-World Case Study</span></h2> <p data-svelte-h="svelte-18pof9f">We’ll implement a practical scenario every development team faces:</p> <p data-svelte-h="svelte-sm00sd"><strong>Before</strong>: Developer manually creates PRs, waits for Actions to complete, manually checks results, remembers to notify team members</p> <p data-svelte-h="svelte-1j89ufv"><strong>After</strong>: Claude Code connected to your workflow server can intelligently:</p> <ul data-svelte-h="svelte-13yaoqm"><li>Suggest the right PR template based on changed files</li> <li>Monitor GitHub Actions runs and provide formatted summaries</li> <li>Automatically notify team via Slack when deployments succeed/fail</li> <li>Guide developers through team-specific review processes based on Actions results</li></ul> <h2 class="relative group"><a id="key-learning-outcomes" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#key-learning-outcomes"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Key Learning Outcomes</span></h2> <ol data-svelte-h="svelte-vm66iv"><li><strong>Core MCP Primitives</strong>: Master Tools and Prompts through practical examples</li> <li><strong>MCP Server Development</strong>: Build a functional server with proper structure and error handling</li> <li><strong>GitHub Actions Integration</strong>: Use Cloudflare Tunnel to receive webhooks and process CI/CD events</li> <li><strong>Hugging Face Hub Workflows</strong>: Create specialized workflows for LLM development teams</li> <li><strong>Multi-System Integration</strong>: Connect GitHub, Slack, and Hugging Face Hub through MCP</li> <li><strong>Claude Code Enhancement</strong>: Make Claude understand your team’s specific workflows</li></ol> <h2 class="relative group"><a id="mcp-primitives-in-action" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#mcp-primitives-in-action"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>MCP Primitives in Action</span></h2> <p data-svelte-h="svelte-b9hyg2">This unit provides hands-on experience with the core MCP primitives:</p> <ul data-svelte-h="svelte-mkjp20"><li><strong>Tools</strong> (Module 1): Functions Claude can call to analyze files and suggest templates</li> <li><strong>Prompts</strong> (Module 2): Standardized workflows for consistent team processes</li> <li><strong>Integration</strong> (Module 3): All primitives working together for complex automation</li></ul> <h2 class="relative group"><a id="module-structure" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#module-structure"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Module Structure</span></h2> <ol data-svelte-h="svelte-sjt9ab"><li><strong>Module 1: Build MCP Server</strong> - Create a basic server with Tools for PR template suggestions</li> <li><strong>Module 2: GitHub Actions Integration</strong> - Monitor CI/CD with Cloudflare Tunnel and Prompts</li> <li><strong>Module 3: Slack Notification</strong> - Team communication integrating all MCP primitives</li></ol> <h2 class="relative group"><a id="prerequisites" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#prerequisites"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Prerequisites</span></h2> <p data-svelte-h="svelte-ay2x0a">Before starting this unit, ensure you have:</p> <ul data-svelte-h="svelte-1unu29v"><li>Completion of Units 1 and 2</li> <li>Basic familiarity with GitHub Actions and webhook concepts</li> <li>Access to a GitHub repository for testing (can be a personal test repo)</li> <li>A Slack workspace where you can create webhook integrations</li></ul> <h3 class="relative group"><a id="claude-code-installation-and-setup" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#claude-code-installation-and-setup"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Claude Code Installation and Setup</span></h3> <p data-svelte-h="svelte-14g5zkg">This unit requires Claude Code to test your MCP server integration.</p> <blockquote class="tip" data-svelte-h="svelte-10cj1v8"><p><strong>Installation Required:</strong> This unit requires Claude Code for testing MCP server integration with AI workflows.</p></blockquote> <p data-svelte-h="svelte-1bkyu5d"><strong>Quick Setup:</strong></p> <p data-svelte-h="svelte-an0bnl">Follow the <a href="https://docs.anthropic.com/en/docs/claude-code/getting-started" rel="nofollow">official installation guide</a> to install Claude Code and complete authentication. The key steps are installing via npm, navigating to your project directory, and running <code>claude</code> to authenticate through console.anthropic.com.</p> <p data-svelte-h="svelte-y4ltye">Once installed, you’ll use Claude Code throughout this unit to test your MCP server and interact with the workflow automation you build.</p> <blockquote class="warning" data-svelte-h="svelte-4oxikp"><p><strong>New to Claude Code?</strong> If you encounter any setup issues, the <a href="https://docs.anthropic.com/en/docs/claude-code/troubleshooting" rel="nofollow">troubleshooting guide</a> covers common installation and authentication problems.</p></blockquote> <p data-svelte-h="svelte-qa4jvz">By the end of this unit, you’ll have built a complete MCP server that demonstrates how to transform Claude Code into a powerful team development assistant, with hands-on experience using all three MCP primitives.</p> <a class="!text-gray-400 !no-underline text-sm flex items-center not-prose mt-4" href="https://github.com/huggingface/mcp-course/blob/main/units/en/unit3/introduction.mdx" target="_blank"><svg class="mr-1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M31,16l-7,7l-1.41-1.41L28.17,16l-5.58-5.59L24,9l7,7z"></path><path d="M1,16l7-7l1.41,1.41L3.83,16l5.58,5.59L8,23l-7-7z"></path><path d="M12.419,25.484L17.639,6.552l1.932,0.518L14.351,26.002z"></path></svg> <span data-svelte-h="svelte-zjs2n5"><span class="underline">Update</span> on GitHub</span></a> <p></p>

	<script>
	{
	__sveltekit_1xfzitx = {
	assets: "/docs/mcp-course/pr_221/en",
	base: "/docs/mcp-course/pr_221/en",
	env: {}
	};

	const element = document.currentScript.parentElement;

	const data = [null,null];

	Promise.all([
	import("/docs/mcp-course/pr_221/en/_app/immutable/entry/start.dc55593b.js"),
	import("/docs/mcp-course/pr_221/en/_app/immutable/entry/app.f1430c51.js")
	]).then(([kit, app]) => {
	kit.start(app, element, {
	node_ids: [0, 28],
	data,
	form: null,
	error: null
	});
	});
	}
	</script>

Xet Storage Details

Size:: 21.7 kB
Xet hash:: 454ede6ca3c91cbbfce5733eceead4a6f0e8279e75377fe33623e788c0d63cdc

Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.