๐ ๐๐๐ถ๐น๐ ๐ฏ ๐ ๐๐ฃ ๐ฆ๐ฒ๐ฟ๐๐ฒ๐ฟ๐ ๐๐ป ๐ ๐๐ฎ๐
Most MCP examples are simple. I wanted real tools. I built three servers in one day. I used one to fix my own sites.
An MCP server gives AI assistants typed tools. You expose a database or API. The AI calls these tools with structured arguments.
I built three different types:
- StayHub: A database wrapper for booking stats.
- Web Audit: An API wrapper for speed and SEO.
- Deploy Status: A DevOps wrapper for Cloudflare and Vercel.
I used TypeScript, MCP SDK, and Zod. Each server has an end-to-end test.
The audit tool found real issues.
- My portfolio had long titles. I shortened them.
- Mobile speed was slow. I fixed the fonts. The score went from 73 to 97.
- My SaaS lacked social preview cards. I added them.
I also found a bug in my own tool. It ignored break tags. I fixed it.
Lessons learned:
- Build different types of servers. Learn more.
- Keep tools read-only. It is safer for production.
- Write end-to-end tests. They act as documentation.
- Use your own tools. It finds bugs.
Pick a database or API you own. Wrap it. The second one is faster.
Source: https://dev.to/leo17/i-built-3-mcp-servers-in-a-day-then-used-one-to-audit-and-fix-my-own-sites-119p
Optional learning community: https://github.com/LEO17061996/web-audit-mcp