Skip to content

Commit 7457a7a

Browse files
ajeetrainaajeetraina
committed
Add blog section to MCP portal
1 parent f8d57d8 commit 7457a7a

File tree

1 file changed

+272
-0
lines changed

1 file changed

+272
-0
lines changed

‎docs/blog/index.html‎

Lines changed: 272 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,272 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>MCP Blog - Latest Model Context Protocol News & Tutorials</title>
7+
<meta name="description" content="Stay updated with the latest Model Context Protocol news, tutorials, and server spotlights. Learn how to integrate MCP servers into your AI workflows.">
8+
<meta name="keywords" content="Model Context Protocol, MCP, AI tools, Claude, tutorials, Docker, Kubernetes">
9+
10+
<!-- Open Graph / Facebook -->
11+
<meta property="og:type" content="website">
12+
<meta property="og:url" content="https://mcp.collabnix.com/blog/">
13+
<meta property="og:title" content="MCP Blog - Latest Model Context Protocol News & Tutorials">
14+
<meta property="og:description" content="Stay updated with the latest Model Context Protocol news, tutorials, and server spotlights.">
15+
16+
<!-- Twitter -->
17+
<meta property="twitter:card" content="summary_large_image">
18+
<meta property="twitter:url" content="https://mcp.collabnix.com/blog/">
19+
<meta property="twitter:title" content="MCP Blog - Latest Model Context Protocol News & Tutorials">
20+
<meta property="twitter:description" content="Stay updated with the latest Model Context Protocol news, tutorials, and server spotlights.">
21+
22+
<link rel="stylesheet" href="../styles.css">
23+
<link rel="stylesheet" href="blog-styles.css">
24+
<link rel="canonical" href="https://mcp.collabnix.com/blog/">
25+
</head>
26+
<body>
27+
<nav class="main-nav">
28+
<div class="nav-container">
29+
<a href="../index.html" class="logo">
30+
<div class="logo-icon"></div>
31+
<span>MCP Portal</span>
32+
</a>
33+
<div class="nav-links">
34+
<a href="../index.html">Home</a>
35+
<a href="../learn.html">Learn</a>
36+
<a href="index.html" class="active">Blog</a>
37+
<a href="../tutorials/">Tutorials</a>
38+
<a href="../community/">Community</a>
39+
</div>
40+
</div>
41+
</nav>
42+
43+
<header class="blog-header">
44+
<div class="container">
45+
<h1>MCP Blog</h1>
46+
<p class="tagline">Latest insights, tutorials, and news from the Model Context Protocol ecosystem</p>
47+
</div>
48+
</header>
49+
50+
<main class="container">
51+
<div class="blog-grid">
52+
<section class="featured-posts">
53+
<h2>Featured Posts</h2>
54+
55+
<article class="blog-post featured">
56+
<div class="post-image">
57+
<div class="placeholder-image">📚</div>
58+
</div>
59+
<div class="post-content">
60+
<div class="post-meta">
61+
<span class="category">Getting Started</span>
62+
<time datetime="2025-01-20">January 20, 2025</time>
63+
</div>
64+
<h3><a href="posts/complete-guide-to-mcp.html">Complete Guide to Model Context Protocol: Everything You Need to Know</a></h3>
65+
<p>Discover the power of Model Context Protocol (MCP) and how it's revolutionizing AI tool integration. This comprehensive guide covers everything from basic concepts to advanced implementations.</p>
66+
<div class="post-tags">
67+
<span class="tag">MCP</span>
68+
<span class="tag">Getting Started</span>
69+
<span class="tag">AI Integration</span>
70+
</div>
71+
</div>
72+
</article>
73+
74+
<article class="blog-post featured">
75+
<div class="post-image">
76+
<div class="placeholder-image">🚀</div>
77+
</div>
78+
<div class="post-content">
79+
<div class="post-meta">
80+
<span class="category">Server Spotlight</span>
81+
<time datetime="2025-01-18">January 18, 2025</time>
82+
</div>
83+
<h3><a href="posts/top-10-mcp-servers.html">Top 10 MCP Servers Every Developer Should Know in 2025</a></h3>
84+
<p>Explore the most essential MCP servers that are transforming developer workflows. From GitHub integration to database management, these tools will supercharge your AI-powered development.</p>
85+
<div class="post-tags">
86+
<span class="tag">Top Lists</span>
87+
<span class="tag">DevOps</span>
88+
<span class="tag">Productivity</span>
89+
</div>
90+
</div>
91+
</article>
92+
</section>
93+
94+
<section class="recent-posts">
95+
<h2>Recent Posts</h2>
96+
97+
<article class="blog-post">
98+
<div class="post-content">
99+
<div class="post-meta">
100+
<span class="category">Tutorial</span>
101+
<time datetime="2025-01-15">January 15, 2025</time>
102+
</div>
103+
<h3><a href="posts/docker-mcp-setup.html">Setting Up MCP Servers with Docker: A Step-by-Step Guide</a></h3>
104+
<p>Learn how to containerize and deploy MCP servers using Docker. This tutorial covers best practices for production deployments.</p>
105+
<div class="post-tags">
106+
<span class="tag">Docker</span>
107+
<span class="tag">Deployment</span>
108+
</div>
109+
</div>
110+
</article>
111+
112+
<article class="blog-post">
113+
<div class="post-content">
114+
<div class="post-meta">
115+
<span class="category">Case Study</span>
116+
<time datetime="2025-01-12">January 12, 2025</time>
117+
</div>
118+
<h3><a href="posts/startup-mcp-success.html">How a Startup Increased Productivity 300% with MCP Integration</a></h3>
119+
<p>Real-world case study of how TechFlow startup transformed their development workflow using MCP servers for GitHub, Slack, and database operations.</p>
120+
<div class="post-tags">
121+
<span class="tag">Case Study</span>
122+
<span class="tag">Productivity</span>
123+
</div>
124+
</div>
125+
</article>
126+
127+
<article class="blog-post">
128+
<div class="post-content">
129+
<div class="post-meta">
130+
<span class="category">Deep Dive</span>
131+
<time datetime="2025-01-10">January 10, 2025</time>
132+
</div>
133+
<h3><a href="posts/mcp-security-best-practices.html">MCP Security Best Practices: Protecting Your AI Infrastructure</a></h3>
134+
<p>Essential security considerations when deploying MCP servers in production environments. Learn about authentication, encryption, and monitoring.</p>
135+
<div class="post-tags">
136+
<span class="tag">Security</span>
137+
<span class="tag">Best Practices</span>
138+
</div>
139+
</div>
140+
</article>
141+
142+
<article class="blog-post">
143+
<div class="post-content">
144+
<div class="post-meta">
145+
<span class="category">Server Spotlight</span>
146+
<time datetime="2025-01-08">January 8, 2025</time>
147+
</div>
148+
<h3><a href="posts/aws-mcp-integration.html">AWS MCP Server: Comprehensive Cloud Integration for AI Workflows</a></h3>
149+
<p>Deep dive into the AWS MCP server that provides access to 20+ AWS services. Perfect for cloud-native AI applications and infrastructure automation.</p>
150+
<div class="post-tags">
151+
<span class="tag">AWS</span>
152+
<span class="tag">Cloud</span>
153+
</div>
154+
</div>
155+
</article>
156+
</section>
157+
158+
<aside class="blog-sidebar">
159+
<div class="widget">
160+
<h3>Categories</h3>
161+
<ul class="category-list">
162+
<li><a href="#" data-category="getting-started">Getting Started <span>(5)</span></a></li>
163+
<li><a href="#" data-category="tutorials">Tutorials <span>(12)</span></a></li>
164+
<li><a href="#" data-category="server-spotlight">Server Spotlight <span>(8)</span></a></li>
165+
<li><a href="#" data-category="case-studies">Case Studies <span>(4)</span></a></li>
166+
<li><a href="#" data-category="best-practices">Best Practices <span>(6)</span></a></li>
167+
<li><a href="#" data-category="news">News & Updates <span>(3)</span></a></li>
168+
</ul>
169+
</div>
170+
171+
<div class="widget">
172+
<h3>Popular Tags</h3>
173+
<div class="tag-cloud">
174+
<a href="#" class="tag">Docker</a>
175+
<a href="#" class="tag">Kubernetes</a>
176+
<a href="#" class="tag">GitHub</a>
177+
<a href="#" class="tag">AWS</a>
178+
<a href="#" class="tag">PostgreSQL</a>
179+
<a href="#" class="tag">DevOps</a>
180+
<a href="#" class="tag">AI Integration</a>
181+
<a href="#" class="tag">Security</a>
182+
<a href="#" class="tag">Getting Started</a>
183+
<a href="#" class="tag">Productivity</a>
184+
</div>
185+
</div>
186+
187+
<div class="widget newsletter-signup">
188+
<h3>Stay Updated</h3>
189+
<p>Get weekly MCP news, tutorials, and server spotlights delivered to your inbox.</p>
190+
<form class="newsletter-form">
191+
<input type="email" placeholder="Enter your email" required>
192+
<button type="submit">Subscribe</button>
193+
</form>
194+
<p class="newsletter-note">🔒 We respect your privacy. No spam, ever.</p>
195+
</div>
196+
197+
<div class="widget">
198+
<h3>Featured Resources</h3>
199+
<div class="resource-links">
200+
<a href="../learn.html" class="resource-link">
201+
<strong>MCP Learning Hub</strong>
202+
<span>Complete tutorials and guides</span>
203+
</a>
204+
<a href="../index.html" class="resource-link">
205+
<strong>Server Directory</strong>
206+
<span>Browse 109+ MCP servers</span>
207+
</a>
208+
<a href="../community/" class="resource-link">
209+
<strong>Community Forum</strong>
210+
<span>Connect with MCP developers</span>
211+
</a>
212+
</div>
213+
</div>
214+
</aside>
215+
</div>
216+
217+
<section class="newsletter-cta">
218+
<div class="cta-content">
219+
<h2>Join the MCP Community</h2>
220+
<p>Get exclusive insights, early access to new content, and connect with fellow MCP developers.</p>
221+
<div class="cta-buttons">
222+
<a href="#" class="btn btn-primary">Subscribe to Newsletter</a>
223+
<a href="../community/" class="btn btn-secondary">Join Community</a>
224+
</div>
225+
</div>
226+
</section>
227+
</main>
228+
229+
<footer class="main-footer">
230+
<div class="container">
231+
<div class="footer-content">
232+
<div class="footer-section">
233+
<h4>MCP Portal</h4>
234+
<p>Your comprehensive resource for Model Context Protocol servers, tutorials, and community.</p>
235+
</div>
236+
<div class="footer-section">
237+
<h4>Quick Links</h4>
238+
<ul>
239+
<li><a href="../index.html">Server Directory</a></li>
240+
<li><a href="../learn.html">Learn MCP</a></li>
241+
<li><a href="index.html">Blog</a></li>
242+
<li><a href="../tutorials/">Tutorials</a></li>
243+
</ul>
244+
</div>
245+
<div class="footer-section">
246+
<h4>Community</h4>
247+
<ul>
248+
<li><a href="https://github.com/ajeetraina/awesome-mcp-lists">GitHub</a></li>
249+
<li><a href="#">Discord</a></li>
250+
<li><a href="#">Newsletter</a></li>
251+
<li><a href="#">Contribute</a></li>
252+
</ul>
253+
</div>
254+
</div>
255+
<div class="footer-bottom">
256+
<p>&copy; 2025 MCP Portal. Licensed under CC0.</p>
257+
</div>
258+
</div>
259+
</footer>
260+
261+
<script src="blog-script.js"></script>
262+
<script>
263+
// Simple analytics placeholder
264+
if (typeof gtag !== 'undefined') {
265+
gtag('config', 'GA_MEASUREMENT_ID', {
266+
page_title: 'MCP Blog',
267+
page_location: window.location.href
268+
});
269+
}
270+
</script>
271+
</body>
272+
</html>

0 commit comments

Comments
 (0)