attr() Is My New Favorite CSS Function

The Ultimate MCP Crash Course - Build From Scratch

How I Built My Own Shadcn Library

No One Talks About This Amazing VSCode Feature

Get 25% off Frontend Masters: https://frontendmasters.com/?code=webdevsimplified&utm_campaign=mcpcrashcourse

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: https://frontendmasters.com/?code=webdevsimplified&utm_campaign=mcpcrashcourse
GitHub Code: https://github.com/WebDevSimplified/mcp-server-and-client
MCP Info Website: https://modelcontextprotocol.io
Pure Functions Video: https://youtu.be/fYbhD_KMCOg
Pure Functions Article: https://blog.webdevsimplified.com/2020-09/pure-functions/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-gfqoqk6--As


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://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