Advanced MCP Features

<div> <h1 align="center"><a href="https://www.epicai.pro/">Advanced MCP Features 🐡</a></h1> <strong> Dive deeper into the Model Context Protocol </strong> <p> Now that you've got the basics of MCP down, it's time to dive deeper into the MCP features that will help you build more advanced AI connected apps. </p> </div> <hr /> <div align="center"> <a alt="Epic Web logo with the words Deployed Version" href="https://advanced-mcp-features.epicai.pro/" > <img width="300px" src="https://github-production-user-asset-6210df.s3.amazonaws.com/1500684/254000390-447a3559-e7b9-4918-947a-1b326d239771.png" /> </a> </div> <hr /> <!-- prettier-ignore-start --> [![Build Status][build-badge]][build] [![GPL 3.0 License][license-badge]][license] [![Code of Conduct][coc-badge]][coc] <!-- prettier-ignore-end --> ## Prerequisites - JavaScript/TypeScript experience - Node.js experience - [MCP Fundamentals](https://www.epicai.pro/mcp-fundamentals) or equivalent experience. ## Pre-workshop Resources Here are some resources you can read before taking the workshop to get you up to speed on some of the tools and concepts we'll be covering: - [Letting AI Interface with Your App with MCPs](https://www.epicai.pro/letting-ai-interface-with-your-app-with-mcps-talk) - [MCP Introduction](https://modelcontextprotocol.io/introduction) - [Your AI Assistant Instructor: The EpicShop MCP Server](https://www.epicai.pro/your-ai-assistant-instructor-the-epicshop-mcp-server-0eazr) - [How to Debug Your MCP Server](https://www.epicai.pro/how-to-debug-your-mcp-server-38qyl) ## System Requirements - [git][git] v2.18 or greater - [NodeJS][node] v22.13.0 or greater - [npm][npm] v8.16.0 or greater All of these must be available in your `PATH`. To verify things are set up properly, you can run this: ```shell git --version node --version npm --version ``` If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for [windows][win-path] or [mac/linux][mac-path]. ## Setup This is a pretty large project (it's actually many apps in one) so it can take several minutes to get everything set up the first time. Please have a strong network connection before running the setup and grab a snack. > **Warning**: This repo is _very_ large. Make sure you have a good internet > connection before you start the setup process. The instructions below use > `--depth` to limit the amount you download, but if you have a slow connection, > or you pay for bandwidth, you may want to find a place with a better > connection. Follow these steps to get this set up: ```sh nonumber git clone --depth 1 https://github.com/epicweb-dev/advanced-mcp-features.git cd advanced-mcp-features npm run setup ``` To make sure your environment is running correctly, please follow these additional steps: 1. Run the workshop app with `npm start` 2. Open [the last exercise solution](http://localhost:5639/exercise/05/03/solution?preview=solution) 3. Click the "Start App" button 4. Click the "Connect" button You'll know it's working if you see a green dot and the word "Connected" in the MCP Inspector app. If you experience errors during this setup process, please open [an issue][issue] with as many details as you can offer. ## The Workshop App Learn all about the workshop app on the [Epic Web Getting Started Guide](https://www.epicweb.dev/get-started). [](https://www.epicweb.dev/get-started) <!-- prettier-ignore-start --> [npm]: https://www.npmjs.com/ [node]: https://nodejs.org [git]: https://git-scm.com/ [build-badge]: https://img.shields.io/github/actions/workflow/status/epicweb-dev/advanced-mcp-features/validate.yml?branch=main&logo=github&style=flat-square [build]: https://github.com/epicweb-dev/advanced-mcp-features/actions?query=workflow%3Avalidate [license-badge]: https://img.shields.io/badge/license-GPL%203.0%20License-blue.svg?style=flat-square [license]: https://github.com/epicweb-dev/advanced-mcp-features/blob/main/LICENSE [coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square [coc]: https://kentcdodds.com/conduct [win-path]: https://www.howtogeek.com/118594/how-to-edit-your-system-path-for-easy-command-line-access/ [mac-path]: http://stackoverflow.com/a/24322978/971592 [issue]: https://github.com/epicweb-dev/advanced-mcp-features/issues/new <!-- prettier-ignore-end -->