Applied Model Context Protocol (MCP) In 20 Minutes

Let's build an MCP Server and an MCP Client that we can use with Claude Desktop and the Vercel AI library. Complete demo application using NX, React, Express and TanStack Start.

Overview video: https://youtu.be/VChRPFUzJGA

Code: https://github.com/jherr/mcp-client-and-server
MCP Overview: https://youtu.be/VChRPFUzJGA

👉 ProNextJS Course: https://pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and BitstromWera Nerd Font Mono
👉 Terminal Theme and font? oh-my-posh with custom prompt and BitstromWera Nerd Font Mono

00:00 Introduction
00:38 Our Example App
02:25 How Tool Calls Work
04:12 Creating A Server Tool
07:16 Creating A Client Tool
10:06 Creating An MCP Server
13:52 Creating An MCP Client
15:27 Using STDIO Transport
17:20 Claude Rocking The BI
18:27 Outroduction