This guide provides standardized prompts for creating different types of blog posts in the Javiator’s Blog system. Use these prompts when working with AI agents to ensure consistent post creation and proper project structure updates.
Use this prompt when creating a standalone blog post that is not part of any evolutionary project.
Create a new blog post with the following requirements:
**Post Details:**
- Title: [Your Title Here]
- Date: [Current Date]
- Categories: [Relevant Categories]
- Tags: [Relevant Tags]
- Content Type: [content-type]
- Learning Focus: [learning-focus-array]
- Difficulty: [beginner/intermediate/advanced]
**Content Requirements:**
- Write engaging, informative content
- Include proper headings and structure
- Add code examples if relevant
- Include a conclusion section
**Post Structure:**
- Introduction paragraph
- Main content with proper headings
- Code examples (if applicable)
- Key takeaways section
- Conclusion
**File Location:**
- Create in `_posts/` directory with proper naming convention: `YYYY-MM-DD-post-title.md`
**Important Notes:**
- This is a standalone post, NOT part of any evolutionary project
- Do NOT add any evolution metadata
- Do NOT include evolution context or navigation components
- Keep it focused on the specific topic without project references
Use this prompt when creating the first post of a new evolutionary project.
Create a new blog post for a NEW evolutionary project with the following requirements:
**Post Details:**
- Title: [Your Title Here]
- Date: [Current Date]
- Categories: [Relevant Categories]
- Tags: [Relevant Tags]
- Content Type: [content-type]
- Learning Focus: [learning-focus-array]
- Difficulty: [beginner/intermediate/advanced]
**Evolutionary Project Fields:**
- project: "[Project Name]"
- project_type: "evolutionary"
- evolution: "Evolution 1: [Evolution Name]"
- evolution_number: 1
- evolution_focus: "[Focus Area]"
**Content Requirements:**
- Write engaging, informative content
- Include evolution context at the beginning
- Add proper headings and structure
- Include code examples if relevant
- Add evolution navigation components
**Post Structure:**
- Introduction paragraph
- Evolution context block (using include)
- Main content with proper headings
- Code examples (if applicable)
- Key takeaways section
- Evolution posts component
- Post navigation component
- Conclusion
**Required Updates:**
1. **Create Project Structure:**
- Create `_pages/projects/[project-name]/index.md` (main project hub)
- Create `_pages/projects/[project-name]/evolution-1/index.md` (first evolution page)
- Create `_pages/projects/[project-name]/posts/index.md` (posts timeline)
- Create `_pages/projects/[project-name]/evolution-2/index.md` through `evolution-5/index.md` (planned evolutions)
2. **Update Homepage:**
- Add new project to featured projects section in `index.md`
- Include project description, current evolution, and link
3. **Update Projects Page:**
- Add new project to the projects list in `_pages/projects.md`
- Include project description and link
4. **Create Evolution Pages:**
- Each evolution page should include goals, posts, and navigation
- Mark appropriate evolutions as complete/active/planned
5. **Update Navigation:**
- Ensure project is accessible from main navigation
**File Location:**
- Create in `_posts/` directory with proper naming convention: `YYYY-MM-DD-post-title.md`
**Include Components:**
- Add `<!-- Evolution Post Navigation Component -->
<div class="evolution-post-navigation">
<div class="evolution-context">
<div class="context-header">
<h4>Evolution Context</h4>
</div>
<div class="context-content">
<p><strong>Project:</strong> <a href="/projects/tenant-management/">Tenant Management: An Evolutionary Project</a></p>
<p><strong>Evolution:</strong> <a href="/projects/tenant-management/evolution-/"></a></p>
<p><strong>Focus:</strong> </p>
<p><strong>Status:</strong>
📋 Planned
</p>
</div>
</div>
<div class="post-navigation">
<div class="nav-section">
<h4>Evolution Navigation</h4>
<ul>
<li><a href="/projects/tenant-management/evolution-/">Evolution Overview</a></li>
</ul>
</div>
<div class="nav-section">
<h4>Project Navigation</h4>
<ul>
<li><a href="/projects/tenant-management/">Project Overview</a></li>
<li><a href="/projects/tenant-management/posts/">All Posts</a></li>
<li><a href="/projects/">All Projects</a></li>
</ul>
</div>
</div>
</div>
<style>
.evolution-post-navigation {
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 1.5rem;
margin: 2rem 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.evolution-context {
background: #e3f2fd;
border-left: 4px solid #2196f3;
padding: 1rem 1.5rem;
border-radius: 0 4px 4px 0;
}
.evolution-context h4 {
margin: 0 0 0.75rem 0;
color: #1976d2;
font-size: 1rem;
font-weight: 600;
}
.evolution-context p {
margin: 0.5rem 0;
font-size: 0.9rem;
color: #424242;
}
.evolution-context a {
color: #1976d2;
text-decoration: none;
font-weight: 500;
}
.evolution-context a:hover {
text-decoration: underline;
}
.post-navigation {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.nav-section h4 {
margin: 0 0 1rem 0;
color: #495057;
font-size: 1rem;
font-weight: 600;
}
.nav-section ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav-section li {
margin-bottom: 0.5rem;
}
.nav-section a {
color: #007bff;
text-decoration: none;
font-size: 0.9rem;
display: block;
padding: 0.25rem 0;
transition: color 0.2s ease;
}
.nav-section a:hover {
color: #0056b3;
text-decoration: underline;
}
@media (max-width: 768px) {
.evolution-post-navigation {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
</style>
` at the end
- Add `<!-- Evolution Posts Navigation Component -->
<div class="evolution-posts-navigation">
<div class="posts-header">
<h4>Posts in </h4>
<p>Explore other posts in this evolution to understand the complete learning journey.</p>
</div>
<div class="posts-grid">
<div class="post-card">
<div class="post-meta">
<span class="post-date">August 30, 2025</span>
<span class="post-categories">Learning, Architecture</span>
</div>
<h5><a href="/learning/architecture/welcome-to-my-blog/">Welcome to My Learning Journey!</a></h5>
<p class="post-excerpt">Welcome to my corner of the internet where I share my journey of learning and growing in the world of technology and ...</p>
<div class="post-tags">
<span class="tag">intro</span>
<span class="tag">learning</span>
<span class="tag">architecture</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">August 31, 2025</span>
<span class="post-categories">Learning, Requirements, Analysis</span>
</div>
<h5><a href="/learning/requirements/analysis/tenant-management-requirements/">Landlord-Tenant Management System: Requirements and Objectives</a></h5>
<p class="post-excerpt">Today I’m documenting the requirements for a Landlord-Tenant Management System - a specialized application designed f...</p>
<div class="post-tags">
<span class="tag">requirements</span>
<span class="tag">objectives</span>
<span class="tag">user-stories</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">September 01, 2025</span>
<span class="post-categories">Learning, full-stack-development, Python</span>
</div>
<h5><a href="/learning/full-stack-development/python/tenant-management-app-singlefile/">Building a Full-Stack Property Management App: Single File Version</a></h5>
<p class="post-excerpt">Today I want to share my experience building a comprehensive Tenant Management App - a full-stack web application tha...</p>
<div class="post-tags">
<span class="tag">flask</span>
<span class="tag">sqlalchemy</span>
<span class="tag">property-management</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">September 15, 2025</span>
<span class="post-categories">Learning, Architecture, Refactoring</span>
</div>
<h5><a href="/learning/architecture/refactoring/tenant-management-modular-monolith/">From Single-File to Modular Monolith: Refactoring the Tenant Management App</a></h5>
<p class="post-excerpt">Following up on my previous post about the single-file tenant management app, today I want to share the next step - r...</p>
<div class="post-tags">
<span class="tag">flask</span>
<span class="tag">fastapi</span>
<span class="tag">react</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">September 30, 2025</span>
<span class="post-categories">Learning, Architecture, system-design</span>
</div>
<h5><a href="/learning/architecture/system-design/tenant-management-system-architecture/">Tenant Management System: Modular Monolith Architecture</a></h5>
<p class="post-excerpt">Building on our modular monolith evolution, today I want to dive deep into the system architecture of the Tenant Mana...</p>
<div class="post-tags">
<span class="tag">modular-monolith</span>
<span class="tag">system-architecture</span>
<span class="tag">component-architecture</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">October 06, 2025</span>
<span class="post-categories">Learning, Technology, AI, Development</span>
</div>
<h5><a href="/learning/technology/ai/development/cursor-ai-automation-modern-development/">Cursor: AI-Powered Automation in Modern Development</a></h5>
<p class="post-excerpt">I’ve been absolutely amazed by how Cursor is revolutionizing software development. The ability to describe what you w...</p>
<div class="post-tags">
<span class="tag">cursor</span>
<span class="tag">ai-ide</span>
<span class="tag">automation</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">October 09, 2025</span>
<span class="post-categories">Learning, Development, Java</span>
</div>
<h5><a href="/learning/development/java/tenant-management-java-transition/">Tenant Management App: Spring Boot and React Transition</a></h5>
<p class="post-excerpt">Today I kicked off a new chapter for the Tenant Management application by rebuilding it as a React + Spring Boot proj...</p>
<div class="post-tags">
<span class="tag">tenant-management</span>
<span class="tag">spring-boot</span>
<span class="tag">react</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">October 10, 2025</span>
<span class="post-categories">Learning, Architecture, System Design</span>
</div>
<h5><a href="/learning/architecture/system%20design/tenant-management-java-architecture/">Tenant Management Java Stack: System Architecture</a></h5>
<p class="post-excerpt">Building on the hands-on migration I shared in Tenant Management App: Spring Boot and React Transition, this post doc...</p>
<div class="post-tags">
<span class="tag">spring-boot</span>
<span class="tag">react</span>
<span class="tag">system-architecture</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">October 11, 2025</span>
<span class="post-categories">Learning, Development, Demo</span>
</div>
<h5><a href="/learning/development/demo/tenant-management-app-demo-webui/">Tenant Management App Demo (WebUI)</a></h5>
<p class="post-excerpt">Following the architectural foundation established in Tenant Management Java Stack: System Architecture, this post pr...</p>
<div class="post-tags">
<span class="tag">tenant-management</span>
<span class="tag">spring-boot</span>
<span class="tag">react</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">November 03, 2025</span>
<span class="post-categories">Learning, Development, AI Integration</span>
</div>
<h5><a href="/learning/development/ai-integration/tenant-management-api-mcp-conversion/">Tenant Management API to MCP Conversion: Bridging Enterprise Apps with AI</a></h5>
<p class="post-excerpt">Today marks a significant milestone in the Tenant Management evolutionary journey: we’re taking our first step into t...</p>
<div class="post-tags">
<span class="tag">tenant-management</span>
<span class="tag">mcp</span>
<span class="tag">model-context-protocol</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">November 07, 2025</span>
<span class="post-categories">Learning, Development, AI Integration, Demo</span>
</div>
<h5><a href="/learning/development/ai-integration/tenant-management-mcp-ai-powered-insights/">Unlocking Unlimited Possibilities: AI-Powered On-Demand Insights with Tenant Management MCP</a></h5>
<p class="post-excerpt">In our previous post, we explored the technical foundation of converting our Tenant Management REST API into an MCP s...</p>
<div class="post-tags">
<span class="tag">tenant-management</span>
<span class="tag">mcp</span>
<span class="tag">model-context-protocol</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">November 22, 2025</span>
<span class="post-categories">Learning, AI Integration, Product Strategy</span>
</div>
<h5><a href="/learning/ai-integration/product-strategy/roadmap-to-introduce-ai-in-your-applications/">Roadmap to introduce AI in your applications</a></h5>
<p class="post-excerpt">Most teams want AI in their products, but ripping out familiar workflows to bolt on a chatbot rarely ends well. This ...</p>
<div class="post-tags">
<span class="tag">ai-roadmap</span>
<span class="tag">chat-interface</span>
<span class="tag">voice</span>
</div>
</div>
</div>
<div class="evolution-summary">
<h5>Evolution Summary</h5>
<p><strong>Total Posts:</strong> 12</p>
<p><strong>Focus:</strong> </p>
<p><strong>Technologies:</strong>
</p>
</div>
</div>
<style>
.evolution-posts-navigation {
background: #ffffff;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 2rem;
margin: 2rem 0;
}
.posts-header h4 {
margin: 0 0 0.5rem 0;
color: #495057;
font-size: 1.2rem;
font-weight: 600;
}
.posts-header p {
margin: 0 0 1.5rem 0;
color: #6c757d;
font-size: 0.9rem;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
.post-card {
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 6px;
padding: 1.5rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.post-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.post-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.75rem;
font-size: 0.8rem;
color: #6c757d;
}
.post-date {
font-weight: 500;
}
.post-categories {
background: #e9ecef;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
}
.post-card h5 {
margin: 0 0 0.75rem 0;
font-size: 1.1rem;
font-weight: 600;
}
.post-card h5 a {
color: #007bff;
text-decoration: none;
}
.post-card h5 a:hover {
text-decoration: underline;
}
.post-excerpt {
margin: 0 0 1rem 0;
color: #495057;
font-size: 0.9rem;
line-height: 1.4;
}
.post-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.tag {
background: #007bff;
color: white;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
font-weight: 500;
}
.evolution-summary {
background: #e3f2fd;
border-left: 4px solid #2196f3;
padding: 1rem 1.5rem;
border-radius: 0 4px 4px 0;
}
.evolution-summary h5 {
margin: 0 0 0.75rem 0;
color: #1976d2;
font-size: 1rem;
font-weight: 600;
}
.evolution-summary p {
margin: 0.5rem 0;
font-size: 0.9rem;
color: #424242;
}
@media (max-width: 768px) {
.posts-grid {
grid-template-columns: 1fr;
}
.evolution-posts-navigation {
padding: 1.5rem;
}
}
</style>
` before post navigation
Use this prompt when creating a new post for an existing evolutionary project.
Create a new blog post for an EXISTING evolutionary project with the following requirements:
**Post Details:**
- Title: [Your Title Here]
- Date: [Current Date]
- Categories: [Relevant Categories]
- Tags: [Relevant Tags]
- Content Type: [content-type]
- Learning Focus: [learning-focus-array]
- Difficulty: [beginner/intermediate/advanced]
**Evolutionary Project Fields:**
- project: "[Existing Project Name]"
- project_type: "evolutionary"
- evolution: "Evolution [X]: [Evolution Name]"
- evolution_number: [X]
- evolution_focus: "[Focus Area]"
**Content Requirements:**
- Write engaging, informative content
- Include evolution context at the beginning
- Add proper headings and structure
- Include code examples if relevant
- Add evolution navigation components
**Post Structure:**
- Introduction paragraph
- Evolution context block (using include)
- Main content with proper headings
- Code examples (if applicable)
- Key takeaways section
- Evolution posts component
- Post navigation component
- Conclusion
**Required Updates:**
1. **Update Project Hub:**
- Add new post to the project overview in `_pages/projects/[project-name]/index.md`
- Update post count and current status
2. **Update Evolution Page:**
- Add new post to the specific evolution page in `_pages/projects/[project-name]/evolution-[X]/index.md`
- Update post list and description
3. **Update Posts Timeline:**
- Add new post to chronological timeline in `_pages/projects/[project-name]/posts/index.md`
- Update post count and evolution summary
4. **Update Homepage:**
- Update featured project section if this is the current active evolution
- Update post count and status
5. **Update Evolution Navigation:**
- Ensure cross-evolution links work correctly
- Update evolution status if this completes an evolution
**File Location:**
- Create in `_posts/` directory with proper naming convention: `YYYY-MM-DD-post-title.md`
**Include Components:**
- Add `<!-- Evolution Post Navigation Component -->
<div class="evolution-post-navigation">
<div class="evolution-context">
<div class="context-header">
<h4>Evolution Context</h4>
</div>
<div class="context-content">
<p><strong>Project:</strong> <a href="/projects/tenant-management/">Tenant Management: An Evolutionary Project</a></p>
<p><strong>Evolution:</strong> <a href="/projects/tenant-management/evolution-/"></a></p>
<p><strong>Focus:</strong> </p>
<p><strong>Status:</strong>
📋 Planned
</p>
</div>
</div>
<div class="post-navigation">
<div class="nav-section">
<h4>Evolution Navigation</h4>
<ul>
<li><a href="/projects/tenant-management/evolution-/">Evolution Overview</a></li>
</ul>
</div>
<div class="nav-section">
<h4>Project Navigation</h4>
<ul>
<li><a href="/projects/tenant-management/">Project Overview</a></li>
<li><a href="/projects/tenant-management/posts/">All Posts</a></li>
<li><a href="/projects/">All Projects</a></li>
</ul>
</div>
</div>
</div>
<style>
.evolution-post-navigation {
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 1.5rem;
margin: 2rem 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.evolution-context {
background: #e3f2fd;
border-left: 4px solid #2196f3;
padding: 1rem 1.5rem;
border-radius: 0 4px 4px 0;
}
.evolution-context h4 {
margin: 0 0 0.75rem 0;
color: #1976d2;
font-size: 1rem;
font-weight: 600;
}
.evolution-context p {
margin: 0.5rem 0;
font-size: 0.9rem;
color: #424242;
}
.evolution-context a {
color: #1976d2;
text-decoration: none;
font-weight: 500;
}
.evolution-context a:hover {
text-decoration: underline;
}
.post-navigation {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.nav-section h4 {
margin: 0 0 1rem 0;
color: #495057;
font-size: 1rem;
font-weight: 600;
}
.nav-section ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav-section li {
margin-bottom: 0.5rem;
}
.nav-section a {
color: #007bff;
text-decoration: none;
font-size: 0.9rem;
display: block;
padding: 0.25rem 0;
transition: color 0.2s ease;
}
.nav-section a:hover {
color: #0056b3;
text-decoration: underline;
}
@media (max-width: 768px) {
.evolution-post-navigation {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
</style>
` at the end
- Add `<!-- Evolution Posts Navigation Component -->
<div class="evolution-posts-navigation">
<div class="posts-header">
<h4>Posts in </h4>
<p>Explore other posts in this evolution to understand the complete learning journey.</p>
</div>
<div class="posts-grid">
<div class="post-card">
<div class="post-meta">
<span class="post-date">August 30, 2025</span>
<span class="post-categories">Learning, Architecture</span>
</div>
<h5><a href="/learning/architecture/welcome-to-my-blog/">Welcome to My Learning Journey!</a></h5>
<p class="post-excerpt">Welcome to my corner of the internet where I share my journey of learning and growing in the world of technology and ...</p>
<div class="post-tags">
<span class="tag">intro</span>
<span class="tag">learning</span>
<span class="tag">architecture</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">August 31, 2025</span>
<span class="post-categories">Learning, Requirements, Analysis</span>
</div>
<h5><a href="/learning/requirements/analysis/tenant-management-requirements/">Landlord-Tenant Management System: Requirements and Objectives</a></h5>
<p class="post-excerpt">Today I’m documenting the requirements for a Landlord-Tenant Management System - a specialized application designed f...</p>
<div class="post-tags">
<span class="tag">requirements</span>
<span class="tag">objectives</span>
<span class="tag">user-stories</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">September 01, 2025</span>
<span class="post-categories">Learning, full-stack-development, Python</span>
</div>
<h5><a href="/learning/full-stack-development/python/tenant-management-app-singlefile/">Building a Full-Stack Property Management App: Single File Version</a></h5>
<p class="post-excerpt">Today I want to share my experience building a comprehensive Tenant Management App - a full-stack web application tha...</p>
<div class="post-tags">
<span class="tag">flask</span>
<span class="tag">sqlalchemy</span>
<span class="tag">property-management</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">September 15, 2025</span>
<span class="post-categories">Learning, Architecture, Refactoring</span>
</div>
<h5><a href="/learning/architecture/refactoring/tenant-management-modular-monolith/">From Single-File to Modular Monolith: Refactoring the Tenant Management App</a></h5>
<p class="post-excerpt">Following up on my previous post about the single-file tenant management app, today I want to share the next step - r...</p>
<div class="post-tags">
<span class="tag">flask</span>
<span class="tag">fastapi</span>
<span class="tag">react</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">September 30, 2025</span>
<span class="post-categories">Learning, Architecture, system-design</span>
</div>
<h5><a href="/learning/architecture/system-design/tenant-management-system-architecture/">Tenant Management System: Modular Monolith Architecture</a></h5>
<p class="post-excerpt">Building on our modular monolith evolution, today I want to dive deep into the system architecture of the Tenant Mana...</p>
<div class="post-tags">
<span class="tag">modular-monolith</span>
<span class="tag">system-architecture</span>
<span class="tag">component-architecture</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">October 06, 2025</span>
<span class="post-categories">Learning, Technology, AI, Development</span>
</div>
<h5><a href="/learning/technology/ai/development/cursor-ai-automation-modern-development/">Cursor: AI-Powered Automation in Modern Development</a></h5>
<p class="post-excerpt">I’ve been absolutely amazed by how Cursor is revolutionizing software development. The ability to describe what you w...</p>
<div class="post-tags">
<span class="tag">cursor</span>
<span class="tag">ai-ide</span>
<span class="tag">automation</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">October 09, 2025</span>
<span class="post-categories">Learning, Development, Java</span>
</div>
<h5><a href="/learning/development/java/tenant-management-java-transition/">Tenant Management App: Spring Boot and React Transition</a></h5>
<p class="post-excerpt">Today I kicked off a new chapter for the Tenant Management application by rebuilding it as a React + Spring Boot proj...</p>
<div class="post-tags">
<span class="tag">tenant-management</span>
<span class="tag">spring-boot</span>
<span class="tag">react</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">October 10, 2025</span>
<span class="post-categories">Learning, Architecture, System Design</span>
</div>
<h5><a href="/learning/architecture/system%20design/tenant-management-java-architecture/">Tenant Management Java Stack: System Architecture</a></h5>
<p class="post-excerpt">Building on the hands-on migration I shared in Tenant Management App: Spring Boot and React Transition, this post doc...</p>
<div class="post-tags">
<span class="tag">spring-boot</span>
<span class="tag">react</span>
<span class="tag">system-architecture</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">October 11, 2025</span>
<span class="post-categories">Learning, Development, Demo</span>
</div>
<h5><a href="/learning/development/demo/tenant-management-app-demo-webui/">Tenant Management App Demo (WebUI)</a></h5>
<p class="post-excerpt">Following the architectural foundation established in Tenant Management Java Stack: System Architecture, this post pr...</p>
<div class="post-tags">
<span class="tag">tenant-management</span>
<span class="tag">spring-boot</span>
<span class="tag">react</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">November 03, 2025</span>
<span class="post-categories">Learning, Development, AI Integration</span>
</div>
<h5><a href="/learning/development/ai-integration/tenant-management-api-mcp-conversion/">Tenant Management API to MCP Conversion: Bridging Enterprise Apps with AI</a></h5>
<p class="post-excerpt">Today marks a significant milestone in the Tenant Management evolutionary journey: we’re taking our first step into t...</p>
<div class="post-tags">
<span class="tag">tenant-management</span>
<span class="tag">mcp</span>
<span class="tag">model-context-protocol</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">November 07, 2025</span>
<span class="post-categories">Learning, Development, AI Integration, Demo</span>
</div>
<h5><a href="/learning/development/ai-integration/tenant-management-mcp-ai-powered-insights/">Unlocking Unlimited Possibilities: AI-Powered On-Demand Insights with Tenant Management MCP</a></h5>
<p class="post-excerpt">In our previous post, we explored the technical foundation of converting our Tenant Management REST API into an MCP s...</p>
<div class="post-tags">
<span class="tag">tenant-management</span>
<span class="tag">mcp</span>
<span class="tag">model-context-protocol</span>
</div>
</div>
<div class="post-card">
<div class="post-meta">
<span class="post-date">November 22, 2025</span>
<span class="post-categories">Learning, AI Integration, Product Strategy</span>
</div>
<h5><a href="/learning/ai-integration/product-strategy/roadmap-to-introduce-ai-in-your-applications/">Roadmap to introduce AI in your applications</a></h5>
<p class="post-excerpt">Most teams want AI in their products, but ripping out familiar workflows to bolt on a chatbot rarely ends well. This ...</p>
<div class="post-tags">
<span class="tag">ai-roadmap</span>
<span class="tag">chat-interface</span>
<span class="tag">voice</span>
</div>
</div>
</div>
<div class="evolution-summary">
<h5>Evolution Summary</h5>
<p><strong>Total Posts:</strong> 12</p>
<p><strong>Focus:</strong> </p>
<p><strong>Technologies:</strong>
</p>
</div>
</div>
<style>
.evolution-posts-navigation {
background: #ffffff;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 2rem;
margin: 2rem 0;
}
.posts-header h4 {
margin: 0 0 0.5rem 0;
color: #495057;
font-size: 1.2rem;
font-weight: 600;
}
.posts-header p {
margin: 0 0 1.5rem 0;
color: #6c757d;
font-size: 0.9rem;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
.post-card {
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 6px;
padding: 1.5rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.post-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.post-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.75rem;
font-size: 0.8rem;
color: #6c757d;
}
.post-date {
font-weight: 500;
}
.post-categories {
background: #e9ecef;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
}
.post-card h5 {
margin: 0 0 0.75rem 0;
font-size: 1.1rem;
font-weight: 600;
}
.post-card h5 a {
color: #007bff;
text-decoration: none;
}
.post-card h5 a:hover {
text-decoration: underline;
}
.post-excerpt {
margin: 0 0 1rem 0;
color: #495057;
font-size: 0.9rem;
line-height: 1.4;
}
.post-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.tag {
background: #007bff;
color: white;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
font-weight: 500;
}
.evolution-summary {
background: #e3f2fd;
border-left: 4px solid #2196f3;
padding: 1rem 1.5rem;
border-radius: 0 4px 4px 0;
}
.evolution-summary h5 {
margin: 0 0 0.75rem 0;
color: #1976d2;
font-size: 1rem;
font-weight: 600;
}
.evolution-summary p {
margin: 0.5rem 0;
font-size: 0.9rem;
color: #424242;
}
@media (max-width: 768px) {
.posts-grid {
grid-template-columns: 1fr;
}
.evolution-posts-navigation {
padding: 1.5rem;
}
}
</style>
` before post navigation
**Cross-References:**
- Link to related posts in the same evolution
- Link to previous/next evolutions where appropriate
- Link back to project hub and evolution pages
YYYY-MM-DD-post-title.mdYYYY-MM-DD-project-name-post-title.mdThis guide ensures consistent post creation and proper maintenance of the evolutionary project framework.