Merge pull request #820 from jlowin/embed-youtube-videos

docs/community/showcase.mdx

@@ -4,6 +4,8 @@ description: 'High-quality projects and examples from the FastMCP community'
 icon: 'users'
 ---
 
+import { YouTubeEmbed } from '/snippets/youtube-embed.mdx'
+
 ## Featured Projects
 
 Discover exemplary MCP servers and implementations created by our community. These projects demonstrate best practices and innovative uses of FastMCP.
@@ -16,13 +18,26 @@ Discover exemplary MCP servers and implementations created by our community. The
 
 #### Video Tutorials
 
-<Card title="Build Remote MCP Servers w/ Python & FastMCP" icon="youtube" href="https://www.youtube.com/watch?v=bOYkbXP-GGo">
-  Claude Integrations Tutorial by Greg + Code - Learn how to build remote MCP servers using Python and FastMCP.
-</Card>
+**Build Remote MCP Servers w/ Python & FastMCP** - Claude Integrations Tutorial by Greg + Code
 
-<Card title="FastMCP — the best way to build an MCP server with Python" icon="youtube" href="https://www.youtube.com/watch?v=rnljvmHorQw">
-  Tutorial by ZazenCodes - Comprehensive guide to building MCP servers with FastMCP in Python.
-</Card>
+<YouTubeEmbed 
+  videoId="bOYkbXP-GGo" 
+  title="Build Remote MCP Servers w/ Python & FastMCP" 
+/>
+
+**FastMCP — the best way to build an MCP server with Python** - Tutorial by ZazenCodes
+
+<YouTubeEmbed 
+  videoId="rnljvmHorQw" 
+  title="FastMCP — the best way to build an MCP server with Python" 
+/>
+
+**Speedrun a MCP server for Claude Desktop (fastmcp)** - Tutorial by Nate from Prefect
+
+<YouTubeEmbed 
+  videoId="67ZwpkUEtSI" 
+  title="Speedrun a MCP server for Claude Desktop (fastmcp)" 
+/>
 
 ### Community Examples
 

docs/snippets/youtube-embed.mdx

@@ -0,0 +1,12 @@
+export const YouTubeEmbed = ({ videoId, title }) => {
+    return (
+        <iframe
+            className="w-full aspect-video rounded-md"
+            src={`https://www.youtube.com/embed/${videoId}`}
+            title={title}
+            frameBorder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowFullScreen
+        />
+    );
+};