Get 25% off Frontend Masters: frontendmasters.com/?code=webdevsimplified&utm_cam…
Become a web developer with my FREE Web Development Roadmap - 260+ videos, 120+ projects, 60+ articles 👉 webdevsimplified.com/web-dev-roadmap.html

MCP servers/clients are incredibly popular and only going to increase in popularity as AI agents become more powerful and prevalent. In this video I will explain in depth what MCP is, how it works, and show you not only how to build your own MCP server, but also how you can build your own client as well. This is the most in depth MCP video available.


📚 Materials/References:

Get 25% off Frontend Masters: frontendmasters.com/?code=webdevsimplified&utm_cam…
GitHub Code: github.com/WebDevSimplified/mcp-server-and-client
MCP Info Website: modelcontextprotocol.io/
Pure Functions Video:    • Learn Pure Functions In 10 Minutes  
Pure Functions Article: blog.webdevsimplified.com/2020-09/pure-functions/?…


🌎 Find Me Here:

My Blog: blog.webdevsimplified.com/
My Courses: courses.webdevsimplified.com/
Patreon: www.patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00:00 - Introduction
00:01:29 - What is MCP
00:06:28 - Server - Setup
00:13:13 - Server - Tools
00:27:24 - Server - Resources
00:32:08 - Server - Resource Templates
00:35:43 - Server - Prompts
00:38:47 - Server - Sampling
00:46:46 - Client - Setup
00:51:48 - Client - Tools
00:56:23 - Client - Resources
01:01:25 - Client - Prompts
01:06:53 - Client - Query AI
01:12:18 - Client - Sampling


#MCP #WDS #MCPServer