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