> Canonical URL: https://codingcat.dev/topic/mcp

# MCP Courses, Podcasts & Blog Posts | CodingCat.dev

🤖 AI & Agentic Web Hub

# MCP.

Model Context Protocol Servers, Streamable HTTP & OAuth 2.1

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering MCP: Model Context Protocol Servers, Streamable HTTP & OAuth 2.1.

[Search All MCP Content](/search?q=MCP)![MCP official logo](/logos/tags/mcp-lockup-light.svg)![MCP official logo](/logos/tags/mcp-lockup-dark.svg)Official MCP Brand Lockup (7 Blog Posts · 2 Episodes)✏️ MCP Production Architecture Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How MCP fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified

## MCP Courses.

[All Courses→](/courses)[![Chrome DevTools MCP: Self-Healing Agent Visual & Video Inspection](https://cdn.sanity.io/images/hfh83o0w/production/b144a4ce077ac03d081ed66396a7cffebbcdb24f-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/chrome-devtools-mcp-visual-agent-loops)November 4, 2026[![](/logos/tags/react-native-symbol-light.svg)![](/logos/tags/react-native-symbol-dark.svg)React Native](/topic/react-native)[![](/logos/tags/threejs-symbol-light.svg)![](/logos/tags/threejs-symbol-dark.svg)Three.js](/topic/threejs)

### [Chrome DevTools MCP: Self-Healing Agent Visual & Video Inspection](/course/chrome-devtools-mcp-visual-agent-loops)

Give your AI agent eyes inside the browser. Use Chrome DevTools MCP so your agent inspects its own rendered video frames, WebGL canvases, and DOM layouts before exporting.

[![Blender MCP: Letting AI Agents Build, Rig & Render Your 3D Scenes](https://cdn.sanity.io/images/hfh83o0w/production/9140d9b76cea9f54fef8ac4521572bd53464170f-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/blender-mcp-agentic-3d-scenes)November 4, 2026[![](/logos/tags/python-symbol-light.svg)![](/logos/tags/python-symbol-dark.svg)Python](/topic/python)[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)

### [Blender MCP: Letting AI Agents Build, Rig & Render Your 3D Scenes](/course/blender-mcp-agentic-3d-scenes)

Wire ahujasid/mcp-for-blender into Claude Code and Google Antigravity so your agent can inspect 3D scene hierarchies, execute Python bpy code, and verify 3D AJ renders.

[![Flagship 3: Deterministic HTML Motion & Critique with HyperFrames, GSAP, Impeccable & Chrome DevTools MCP](https://cdn.sanity.io/images/hfh83o0w/production/b155eb490d8cc1576c7332ce9294f612cbc917aa-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/deterministic-html-motion-hyperframes-gsap-devtools-mcp)November 4, 2026[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)

### [Flagship 3: Deterministic HTML Motion & Critique with HyperFrames, GSAP, Impeccable & Chrome DevTools MCP](/course/deterministic-html-motion-hyperframes-gsap-devtools-mcp)

Build framework-agnostic HTML-to-video pipelines for AI agents. Combine HyperFrames, paused GSAP timelines, Impeccable design linting, and Chrome DevTools MCP self-healing visual inspection.

[![Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js](https://cdn.sanity.io/images/hfh83o0w/production/723908b7c80537de52a122c1816a6b94163f466b-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/agentic-3d-web-pipelines-blender-mcp-threejs)November 4, 2026[![](/logos/tags/react-native-symbol-light.svg)![](/logos/tags/react-native-symbol-dark.svg)React Native](/topic/react-native)[![](/logos/tags/threejs-symbol-light.svg)![](/logos/tags/threejs-symbol-dark.svg)Three.js](/topic/threejs)

### [Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js](/course/agentic-3d-web-pipelines-blender-mcp-threejs)

Go behind the scenes of how we built 3D AJ the Cat on CodingCat.dev. Connect AI agents to Blender via Blender MCP, export compact glTF 2.0 (.glb) armatures, and render them in Three.js with deterministic window.seek(t) physics.

[![MCP in Production: Building & Securing Model Context Protocol Servers](https://cdn.sanity.io/images/hfh83o0w/production/4cfd9928a13db0887498a7f8aa3010a0dd4d9b17-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/mcp-in-production)November 1, 2026[![](/logos/sanity/Sanity-Symbol--black_on_transparent.svg)![](/logos/sanity/Sanity-Symbol--white_on_transparent.svg)Sanity](/topic/sanity)[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)

### [MCP in Production: Building & Securing Model Context Protocol Servers](/course/mcp-in-production)

Move beyond toy local Stdio scripts. Learn how to architect, secure, and deploy remote Model Context Protocol (MCP) servers on Cloudflare Workers with OAuth 2.1, Better-Auth, WebMCP (RFC 9727), and Sanity Context Knowledge Bases.

## MCP Blog Posts.

Showing 7 of 7 blog postsFiltered: MCP[Open Full Topic Hub →](/topic/mcp)[![Sanity Knowledge Bases](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/38b0f021c51d97043c8a1ebf31d505a0ea877b7c-2752x1536.jpg?w=1920&q=82&fit=max&auto=format)](/post/sanity-knowledge-bases)October 17, 2026[![](/logos/sanity/Sanity-Symbol--black_on_transparent.svg)![](/logos/sanity/Sanity-Symbol--white_on_transparent.svg)Sanity](/topic/sanity)[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)

### [Sanity Knowledge Bases](/post/sanity-knowledge-bases)

Eliminate query-time guessing in your AI agents. Learn how Sanity Context Knowledge Bases compile structured datasets, crawled documentation websites, and uploaded files ahead of time, resolve conflicting facts, and serve a compact outline over Context MCP.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Alex Patterson and AJ the Cat presenting the Dual-Plane Agent-Ready Web Stack with WebMCP and Streamable HTTP MCP](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/dd8b89a42ee37457891b58d39c6273a31ac013e4-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/agent-ready-web-architecture-webmcp-streamable-mcp-llms-txt)September 22, 2026[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)

### [Architecting the Agent-Ready Web: Combining Client-Side WebMCP, Streamable HTTP MCP, and RFC 9727 Discovery](/post/agent-ready-web-architecture-webmcp-streamable-mcp-llms-txt)

A complete walkthrough of CodingCat.dev's dual-plane Agent-Ready Web Architecture: pairing client-side W3C WebMCP tools (document.modelContext and declarative HTML forms) with edge Streamable HTTP MCP endpoints, RFC 9727 API catalogs, and Markdown content negotiation.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Alex Patterson and AJ the Cat showcasing WebMCP browser tools with document.modelContext and registerTool](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f159a625ba5a16a0d6c60789623809d0363282b4-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/webmcp-browser-native-model-context-protocol-guide)April 14, 2026[![](/logos/tags/react-native-symbol-light.svg)![](/logos/tags/react-native-symbol-dark.svg)React Native](/topic/react-native)[![](/logos/tags/javascript-symbol-light.svg)![](/logos/tags/javascript-symbol-dark.svg)JavaScript](/topic/javascript)

### [WebMCP Explained: Exposing Browser-Native AI Tools with document.modelContext and Declarative HTML](/post/webmcp-browser-native-model-context-protocol-guide)

Stop forcing browser AI agents to scrape brittle DOM trees. Learn how the W3C WebMCP specification (document.modelContext.registerTool and declarative <form toolname> attributes) turns your web app into a type-safe, zero-latency agent toolkit.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Antigravity and Firebase MCP accelerate app development: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d42665069f484642db51a62f9eda92a54fb5acc9-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-11-firebase-mcp-and-antigravity)November 22, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Antigravity and Firebase MCP accelerate app development: Web Architecture & Implementation Guide](/post/firebase-2025-11-firebase-mcp-and-antigravity)

Alex Patterson's hands-on web engineering breakdown of "Antigravity and Firebase MCP accelerate app development" (2025-11-21). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![It’s graduation day for the Firebase MCP Server: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/b9d2f1e162fe2b4afb7448f7c88d5f28a2c444d3-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-10-firebase-mcp-server-ga)October 9, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [It’s graduation day for the Firebase MCP Server: Web Architecture & Implementation Guide](/post/firebase-2025-10-firebase-mcp-server-ga)

Alex Patterson's hands-on web engineering breakdown of "It’s graduation day for the Firebase MCP Server" (2025-10-08). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Supercharge your Firebase Studio workflow with MCP servers: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/5c0acc9121ef26428087c1a05f29d7f05478f8ec-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-07-supercharge-firebase-studio-with-mcp)July 10, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Supercharge your Firebase Studio workflow with MCP servers: Web Architecture & Implementation Guide](/post/firebase-2025-07-supercharge-firebase-studio-with-mcp)

Alex Patterson's hands-on web engineering breakdown of "Supercharge your Firebase Studio workflow with MCP servers" (2025-07-09). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Firebase MCP Server: Web Architecture & Implementation Guide](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/5284ba718aba16ebc9c2357c56cd604414045d3d-1200x630.svg?w=1200&q=82&fit=max&auto=format)](/post/firebase-2025-05-firebase-mcp-server)May 21, 2025[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)

### [Firebase MCP Server: Web Architecture & Implementation Guide](/post/firebase-2025-05-firebase-mcp-server)

Alex Patterson's hands-on web engineering breakdown of "Firebase MCP Server" (2025-05-20). Learn how to wire up Firebase, Google Cloud, Web Dev, AI in production web apps.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...✓ All blog posts loaded

## MCP Podcast Episodes.

Showing 2 of 2 episodesFiltered: MCP[Open Full Topic Hub &rarr;](/topic/mcp)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)November 4, 2025[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/mcp-symbol-light.svg)![](/logos/tags/mcp-symbol-dark.svg)MCP](/topic/mcp)

### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)

Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together!

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)[![Identity in AI Agents](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/b6824741d5542b93999d8f9be4ffef11e37dc52b-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/identity-access-management-for-agents-with-tobin-south)October 23, 2025[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/mcp-symbol-light.svg)![](/logos/tags/mcp-symbol-dark.svg)MCP](/topic/mcp)

### [Identity in AI Agents](/podcast/identity-access-management-for-agents-with-tobin-south)

Explore AI identity management with expert insights on MCP servers, agent security, OAuth, and future standards in AI. Unlock best practices and industry trends.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Tobin South](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/3e6022a4054dfc1006beee15f8f477da7532aca8-925x876.png?rect=25,0,876,876&w=96&h=96&q=82&fit=max&auto=format)Tobin South](/guest/tobin-south)

No matching episodes found for this filter.

Try clearing the filter above to browse the full feed.

Loading more episodes...✓ All episodes loaded