Payload CMS MCP Server
- public
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HEJ95LD6TY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-HEJ95LD6TY');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Payload CMS MCP Server - Validation & Query Service for Payload CMS</title>
<meta name="description" content="A validation and query service for Payload CMS code, designed to be used with Cursor IDE for AI-assisted development. Enhance your Payload CMS development with real-time validation and suggestions.">
<meta name="keywords" content="Payload CMS, MCP, Model Context Protocol, validation, API, Cursor IDE, AI-assisted development">
<meta name="author" content="MATMAX WORLDWIDE">
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.payloadcmsmcp.info/">
<meta property="og:title" content="Payload CMS MCP Server - Validation & Query Service">
<meta property="og:description" content="Enhance your Payload CMS development with real-time validation, suggestions, and AI-assisted development.">
<meta property="og:image" content="https://www.payloadcmsmcp.info/og-image.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.payloadcmsmcp.info/">
<meta property="twitter:title" content="Payload CMS MCP Server - Validation & Query Service">
<meta property="twitter:description" content="Enhance your Payload CMS development with real-time validation, suggestions, and AI-assisted development.">
<meta property="twitter:image" content="https://www.payloadcmsmcp.info/og-image.jpg">
<!-- Canonical URL -->
<link rel="canonical" href="https://www.payloadcmsmcp.info/">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Payload CMS MCP Server",
"applicationCategory": "DeveloperApplication",
"operatingSystem": "Any",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"description": "A validation and query service for Payload CMS code, designed to be used with Cursor IDE for AI-assisted development.",
"creator": {
"@type": "Organization",
"name": "MATMAX WORLDWIDE",
"url": "https://matmax.world"
},
"url": "https://www.payloadcmsmcp.info/",
"sameAs": [
"https://github.com/Matmax-Worldwide/payloadcmsmcp",
"https://mcp-server-payload.vercel.app"
]
}
</script>
<style>
:root {
--primary: #5046e5;
--primary-light: #6a62ff;
--secondary: #2a2a2a;
--accent: #ff6b6b;
--light: #f5f5f7;
--dark: #121212;
--gray: #888;
--border-radius: 12px;
--box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', sans-serif;
line-height: 1.6;
color: var(--secondary);
background-color: var(--light);
overflow-x: hidden;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
header {
background-color: var(--dark);
color: white;
padding: 1.5rem 0;
position: sticky;
top: 0;
z-index: 100;
box-shadow: var(--box-shadow);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.5rem;
font-weight: 700;
color: white;
text-decoration: none;
display: flex;
align-items: center;
gap: 0.5rem;
}
.logo-icon {
background-color: var(--primary);
width: 32px;
height: 32px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
font-weight: 500;
transition: var(--transition);
position: relative;
}
nav a:hover {
color: var(--primary-light);
}
nav a::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background-color: var(--primary-light);
transition: var(--transition);
}
nav a:hover::after {
width: 100%;
}
.hero {
padding: 6rem 0;
background: linear-gradient(135deg, var(--dark) 0%, #2d2d2d 100%);
color: white;
text-align: center;
}
.hero h1 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
line-height: 1.2;
}
.hero p {
font-size: 1.25rem;
max-width: 800px;
margin: 0 auto 2.5rem;
color: #ccc;
}
.btn {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--primary);
color: white;
text-decoration: none;
border-radius: var(--border-radius);
font-weight: 600;
transition: var(--transition);
border: none;
cursor: pointer;
}
.btn:hover {
background-color: var(--primary-light);
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(80, 70, 229, 0.3);
}
.btn-secondary {
background-color: transparent;
border: 2px solid var(--primary);
margin-left: 1rem;
}
.btn-secondary:hover {
background-color: var(--primary);
}
.features {
padding: 5rem 0;
background-color: white;
}
.section-title {
text-align: center;
margin-bottom: 3rem;
}
.section-title h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: var(--dark);
}
.section-title p {
color: var(--gray);
max-width: 700px;
margin: 0 auto;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.feature-card {
background-color: white;
border-radius: var(--border-radius);
padding: 2rem;
box-shadow: var(--box-shadow);
transition: var(--transition);
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
.feature-icon {
width: 60px;
height: 60px;
background-color: var(--primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
color: white;
font-size: 1.5rem;
}
.feature-card h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
color: var(--dark);
}
.api-section {
padding: 5rem 0;
background-color: var(--light);
}
.api-container {
display: flex;
flex-direction: column;
gap: 2rem;
}
.api-card {
background-color: white;
border-radius: var(--border-radius);
padding: 2rem;
box-shadow: var(--box-shadow);
}
.api-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid #eee;
}
.api-name {
font-size: 1.25rem;
font-weight: 600;
color: var(--dark);
}
.api-method {
background-color: var(--primary);
color: white;
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-size: 0.875rem;
font-weight: 600;
}
.api-description {
margin-bottom: 1.5rem;
color: var(--gray);
}
.api-url {
background-color: #f5f5f7;
padding: 1rem;
border-radius: 8px;
font-family: monospace;
overflow-x: auto;
margin-bottom: 1rem;
}
.about-section {
padding: 5rem 0;
background-color: white;
}
.about-content {
display: flex;
align-items: center;
gap: 4rem;
}
.about-image {
flex: 1;
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--box-shadow);
}
.about-image img {
width: 100%;
height: auto;
display: block;
}
.about-text {
flex: 1;
}
.about-text h2 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
color: var(--dark);
}
.about-text p {
margin-bottom: 1.5rem;
color: var(--gray);
}
footer {
background-color: var(--dark);
color: white;
padding: 4rem 0 2rem;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 3rem;
margin-bottom: 3rem;
}
.footer-column h3 {
font-size: 1.25rem;
margin-bottom: 1.5rem;
color: white;
}
.footer-column ul {
list-style: none;
}
.footer-column ul li {
margin-bottom: 0.75rem;
}
.footer-column a {
color: #ccc;
text-decoration: none;
transition: var(--transition);
}
.footer-column a:hover {
color: var(--primary-light);
}
.footer-bottom {
text-align: center;
padding-top: 2rem;
border-top: 1px solid #333;
color: #888;
}
.footer-bottom p {
margin-bottom: 1rem;
}
.social-links {
display: flex;
justify-content: center;
gap: 1rem;
margin-top: 1rem;
}
.social-links a {
color: #ccc;
font-size: 1.25rem;
transition: var(--transition);
}
.social-links a:hover {
color: var(--primary-light);
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1rem;
}
nav ul {
gap: 1rem;
flex-wrap: wrap;
justify-content: center;
}
.hero h1 {
font-size: 2.5rem;
}
.about-content {
flex-direction: column;
gap: 2rem;
}
.btn-secondary {
margin-left: 0;
margin-top: 1rem;
}
}
</style>
</head>
<body>
<header role="banner">
<div class="container header-content">
<a href="/" class="logo" aria-label="Payload MCP Home">
<div class="logo-icon" aria-hidden="true">P</div>
<span>Payload MCP</span>
</a>
<nav role="navigation" aria-label="Main Navigation">
<ul>
<li><a href="#features">Features</a></li>
<li><a href="#api">API</a></li>
<li><a href="#about">About</a></li>
<li><a href="https://github.com/Matmax-Worldwide/payloadcmsmcp" target="_blank" rel="noopener noreferrer">GitHub</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section class="hero" aria-labelledby="hero-heading">
<div class="container">
<h1 id="hero-heading">Payload CMS MCP Server</h1>
<p>A validation and query service for Payload CMS code, designed to be used with Cursor IDE for AI-assisted development.</p>
<div class="cta-buttons">
<a href="https://github.com/Matmax-Worldwide/payloadcmsmcp" class="btn" target="_blank" rel="noopener noreferrer">View on GitHub</a>
<a href="#api" class="btn btn-secondary">Explore API</a>
</div>
</div>
</section>
<section class="features" id="features" aria-labelledby="features-heading">
<div class="container">
<div class="section-title">
<h2 id="features-heading">Features</h2>
<p>Enhance your Payload CMS development experience with powerful validation and query capabilities.</p>
</div>
<div class="features-grid">
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">β</div>
<h3>Code Validation</h3>
<p>Validates Payload CMS collections, fields, globals, and other components with detailed feedback on validation issues.</p>
</article>
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">π</div>
<h3>Smart Queries</h3>
<p>Supports SQL-like queries for validation rules, making it easy to find and understand best practices.</p>
</article>
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">π‘</div>
<h3>Suggestions</h3>
<p>Offers intelligent suggestions for improving code quality and security in your Payload CMS applications.</p>
</article>
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">π€</div>
<h3>AI Integration</h3>
<p>Seamlessly integrates with Cursor IDE for AI-assisted development of Payload CMS applications.</p>
</article>
</div>
</div>
</section>
<section class="api-section" id="api" aria-labelledby="api-heading">
<div class="container">
<div class="section-title">
<h2 id="api-heading">API Endpoints</h2>
<p>Powerful endpoints to validate and query your Payload CMS code.</p>
</div>
<div class="api-container">
<article class="api-card">
<div class="api-header">
<span class="api-name">/sse</span>
<span class="api-method">GET</span>
</div>
<div class="api-description">
Server-Sent Events endpoint for real-time communication with the MCP server.
</div>
<div class="api-url">https://www.payloadcmsmcp.info/sse</div>
</article>
<article class="api-card">
<div class="api-header">
<span class="api-name">/api/sse</span>
<span class="api-method">GET</span>
</div>
<div class="api-description">
Alternative SSE endpoint for API-based communication.
</div>
<div class="api-url">https://www.payloadcmsmcp.info/api/sse</div>
</article>
<article class="api-card">
<div class="api-header">
<span class="api-name">/api/validate</span>
<span class="api-method">POST</span>
</div>
<div class="api-description">
Validates Payload CMS code and provides detailed feedback on validation issues.
</div>
<div class="api-url">https://www.payloadcmsmcp.info/api/validate</div>
</article>
<article class="api-card">
<div class="api-header">
<span class="api-name">/api/query</span>
<span class="api-method">POST</span>
</div>
<div class="api-description">
Query endpoint for retrieving validation rules and best practices.
</div>
<div class="api-url">https://www.payloadcmsmcp.info/api/query</div>
</article>
</div>
</div>
</section>
<section class="about-section" id="about" aria-labelledby="about-heading">
<div class="container">
<div class="about-content">
<div class="about-image">
<img src="https://images.unsplash.com/photo-1581291518633-83b4ebd1d83e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="MATMAX WORLDWIDE - Technology for humanity" width="1350" height="900" loading="lazy">
</div>
<div class="about-text">
<h2 id="about-heading">MATMAX WORLDWIDE</h2>
<p>Creating technology that helps humans be more human. We believe in tech for goodβtools that enhance our lives while respecting our humanity.</p>
<p>Join us in building a future where technology serves wellness, connection, and purpose. Together, we can create digital experiences that bring out the best in us all.</p>
<a href="https://matmax.world" class="btn" target="_blank" rel="noopener noreferrer">Visit matmax.world</a>
</div>
</div>
</div>
</section>
</main>
<footer role="contentinfo">
<div class="container">
<div class="footer-content">
<div class="footer-column">
<h3>Resources</h3>
<ul>
<li><a href="https://github.com/Matmax-Worldwide/payloadcmsmcp" target="_blank" rel="noopener noreferrer">GitHub Repository</a></li>
<li><a href="https://payloadcms.com" target="_blank" rel="noopener noreferrer">Payload CMS</a></li>
<li><a href="https://cursor.sh" target="_blank" rel="noopener noreferrer">Cursor IDE</a></li>
<li><a href="https://modelcontextprotocol.ai" target="_blank" rel="noopener noreferrer">Model Context Protocol</a></li>
</ul>
</div>
<div class="footer-column">
<h3>API Endpoints</h3>
<ul>
<li><a href="#api">/sse</a></li>
<li><a href="#api">/api/sse</a></li>
<li><a href="#api">/api/validate</a></li>
<li><a href="#api">/api/query</a></li>
</ul>
</div>
<div class="footer-column">
<h3>About Us</h3>
<p>Explore our vision for human-centered technology and join our community dedicated to wellness and meaningful innovation.</p>
<a href="https://matmax.world" class="btn" target="_blank" rel="noopener noreferrer" style="margin-top: 1rem;">Learn More</a>
</div>
</div>
<div class="footer-bottom">
<p>Β© 2025 MATMAX WORLDWIDE. Made with β€οΈ for humanity.</p>
<div class="social-links">
<a href="https://github.com/Matmax-Worldwide" target="_blank" rel="noopener noreferrer" aria-label="GitHub">GitHub</a>
<a href="https://instagram.com/matmaxyoga" target="_blank" rel="noopener noreferrer" aria-label="Instagram">Instagram</a>
<a href="https://www.linkedin.com/company/the-wellness-brand" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">LinkedIn</a>
</div>
</div>
</div>
</footer>
<!-- Structured data for Organization -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "MATMAX WORLDWIDE",
"url": "https://matmax.world",
"logo": "https://www.payloadcmsmcp.info/favicon.svg",
"sameAs": [
"https://github.com/Matmax-Worldwide",
"https://instagram.com/matmaxyoga",
"https://www.linkedin.com/company/the-wellness-brand"
]
}
</script>
</body>
</html>