Uploaded March 2025 | Updated September 2026, 3 hours ago
This tutorial walks you through building a Model Context Protocol (MCP) server from scratch using TypeScript that integrates with real APIs. You'll learn how to create a practical MCP server that fetches EigenLayer AVS metadata from the Eigen Explorer API and processes it using Claude.
The video covers:
- Understanding MCP (Model Context Protocol) and its advantages over RAG
- Setting up a TypeScript project with necessary dependencies
- Implementing an MCP server that calls the Eigen Explorer API
- Using Claude to analyze and format AVS data in response to queries
- Testing the server using the Claude CLI
By the end of this tutorial, you'll have built a useful tool that allows users to get information about EigenLayer AVSs directly into their LLM workflow. This practical example demonstrates MCP's power and simplicity, showing how you can supercharge your LLMs with external data sources.
🔗 Code
gist.github.com/dabit3/7ec9754e8ae4dc95b174a3199dc784bc
🔗 SDK
github.com/modelcontextprotocol/typescript-sdk
🔗 MCP docs
modelcontextprotocol.io/introduction
🔗 EigenExplorer API
docs.eigenexplorer.com/api-reference/introduction
🔗 EigenLayer docs
https://docs.eigenlayer.xyz
This tutorial walks you through building a Model Context Protocol (MCP) server from scratch using TypeScript that integrates with real APIs. You'll learn how to create a practical MCP server that fetches EigenLayer AVS metadata from the Eigen Explorer API and processes it using Claude.
The video covers:
- Understanding MCP (Model Context Protocol) and its advantages over RAG
- Setting up a TypeScript project with necessary dependencies
- Implementing an MCP server that calls the Eigen Explorer API
- Using Claude to analyze and format AVS data in response to queries
- Testing the server using the Claude CLI
By the end of this tutorial, you'll have built a useful tool that allows users to get information about EigenLayer AVSs directly into their LLM workflow. This practical example demonstrates MCP's power and simplicity, showing how you can supercharge your LLMs with external data sources.
🔗 Code
gist.github.com/dabit3/7ec9754e8ae4dc95b174a3199dc784bc
🔗 SDK
github.com/modelcontextprotocol/typescript-sdk
🔗 MCP docs
modelcontextprotocol.io/introduction
🔗 EigenExplorer API
docs.eigenexplorer.com/api-reference/introduction
🔗 EigenLayer docs
https://docs.eigenlayer.xyz
![Magic Link Authentication and Route Controls with Supabase and Next.js - The Complete Guide [2021]](https://i.ytimg.com/vi/oXWImFqsQF4/mqdefault.jpg "Magic Link Authentication and Route Controls with Supabase and Next.js - The Complete Guide [2021]
In this video, well build out a Next.js app that enables navigation, authentication, authorization, redirects (client and server-side), and a profile view with Supabase magic link authentication.
Code:
https://github.com/dabit3/supabase-nextjs-auth
Written tutorial:
https://dev.to/dabit3/magic-link-authentication-and-route-controls-with-supabase-and-next-js-leo
0:00 - Intro
2:00 - Project setup
7:25 - Creating the sign in page
10:45 - Creating the profile page
17:33 - Creating the API route
18:25 - Updating _app.js to acc navigation and auth state
27:49 - Creating the protected page
30:11 - Running the project
32:00 - Conclusion
Thanks to Supabase for being a sponsor of my channel. 🚀")
