fullstack-mcp-playground

๐Ÿฅท MCP Playground: Fullstack AI agent template. Claude + microservices = modular superpowers. Enable weather, DB, files tools from UI gallery. Built for hackers who ship to production ๐Ÿš€๐Ÿ”ฅ

dockertemplateboilerplatemicroservicestypescriptaimcpnextjschatbotssefullstacktraefik

Preview

fullstack-mcp-playground preview

Overview

This is a fullstack template for building AI applications using the Model Context Protocol (MCP), featuring a Next.js frontend that acts as an MCP Host orchestrating multiple specialized microservices (Core, Database, Files servers) connected via HTTPS, with Claude AI consuming tools from all servers.

Features

mcp-serversmcp-hostclaude-integrationmicroservices-architecturetool-orchestrationserver-management-uihealth-monitoringmetrics-collectionconfiguration-managementdatabase-toolsfile-toolssse-streaminghttps-supporttraefik-proxydocker-composehorizontal-scaling

Feature Flags

userDashboardsubscriptionsemailsfileUploadsstoragerealtimeteamsOrgsi18naiformsValidation

Recommended Use Cases

ai-agent-applicationsllm-tool-integrationmicroservices-ai-systemsproduction-ready-ai-appsmulti-tool-orchestrationai-chatbot-platforms

Frontend

nextjsreacttypescript

Backend

nodejsnextjs

Auth Providers

None

Deployment Targets

dockerdocker-compose

Payment Providers

None

Quick Facts

โญ Stars
1
๐Ÿด Forks
1
๐Ÿงพ License
mit
๐Ÿ”„ Active
Yes
๐Ÿ•’ Last Commit
2025-10-11T01:07:49.000Z

Stack

Framework
nextjs
Language
typescript
CSS
tailwindcss
Database
postgresql
CI
docker

Data Layer

Databases
postgresql

UI Stack

Styling
tailwindcss

Developer Experience

Docker
Yes
Tests
No
Quickstart
Yes
env.example
Yes
CI
docker-compose

Pricing

Classification
free
Selected
โ€”
Notes
Open source MIT licensed template. Anthropic API key required for Claude integration (separate paid service).
Get Started with this Boilerplate