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
• Advanced MCP Features 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
• MCP Introduction
• Your AI Assistant Instructor: The EpicShop MCP Server
• How to Debug Your MCP Server

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:

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:

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 at /exercise/05/02/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.

<!-- 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 -->