feat:added blog for meshmap

src/collections/blog/2023/2023-7-13-meshmap-guide-for-newcomers/index.mdx

@@ -0,0 +1,74 @@
+---
+title: "MeshMap Guide For Newcomers"
+subtitle: "Publishing Your First Design"
+date: 2023-07-13 10:30:05 -0530
+author: Vikramaditya Singh
+thumbnail: ./meshmap-guide.webp
+darkthumbnail: ./meshmap-guide.webp
+category: "Meshery"
+description: "Introducing the basics of MeshMap to the newcomers . Newcomers would be able to access MeshMap and publish their first design"
+tags:
+ - Community
+ - Projects
+ - Meshery
+type: Blog
+resource: false
+published: true
+---
+
+import { BlogWrapper } from "../../Blog.style.js";
+import {Link} from "gatsby";
+import meshmap1 from "./meshmap1.webp";
+import meshmap2 from "./meshmap2.webp";
+import meshmap4 from "./meshmap4.webp";
+import meshmap5 from "./meshmap5.webp";
+
+<BlogWrapper>
+<h2>What is MeshMap?</h2>
+<p> MeshMap specifically provides a way to visualize and understand how different services interact within a service mesh.It creates a graphical representation of the connections between different services and how data flows between them.</p>
+
+<h2>How to access MeshMap?</h2>
+<p>Visit the <a href="https://play.meshery.io/">Playground</a> and enter your credentials for the early access. MeshMap is an integrated part of meshery-cloud. Access to the Playground will be granted to you through your email at the soonest opportunity.</p>
+
+<h2>Why MeshMap?</h2> 
+
+<p>Before we delve into the details, let's explore the benefits of using MeshMap</p>
+
+<ol>
+ <p><li><h4>Visualization</h4>MeshMap provides a visual representation of your Kubernetes and service mesh deployments,  helping you understand the architecture, relationships, and patterns between different components of your deployment.</li></p>
+
+ <p><li><h4>Design and Configuration</h4>With MeshMap, you can design and configure your cloud-native deployments using an intuitive graphical interface.Drag and drop your cloud-native infrastructure using a palette of thousands of versioned Kubernetes components. </li></p>
+
+ <p><li><h4>Deployment Management</h4>MeshMap enables you to deploy your configured deployments into your environment. It assists with the deployment process by ensuring that the configured services, routes, and settings are accurately implemented in your Kubernetes and service mesh environment.</li> </p>
+
+ <p><li><h4>Best Practice Patterns</h4>MeshMap offers a catalog of best practice cloud-native patterns. These patterns provide predefined templates and guidelines based on industry best practices, helping you to design and deploy your applications more efficiently and effectively</li></p>
+</ol>
+
+<h2>Publishing your first Design!!</h2>
+
+<p>MeshMap works with your Kubernetes clusters so that you design and manage your infrastructure and applications between members of your team. MeshMap has two modes: Designer and Visualizer. Create and share your own Kubernetes deployments and patterns in MeshMap Designer. Deploy your designs and manage your infrastructure using MeshMap Visualizer.</p>
+
+<p><strong>Step 1: Login to your <a href="https://meshery.layer5.io">Meshery Cloud Account</a></strong></p>
+<p>MeshMap is one of meshery cloud extensions available on the sidebar. Click on Meshmap</p>
+
+<p><strong>Step 2:Name your design </strong></p>
+<p>Next, let's name your design and switch to components tab to drag-and-drop deployments and patterns</p>
+<div><img src={meshmap1} class="fig-left"></img><img src={meshmap2} class="fig-right"></img></div>
+<br></br><br></br>
+<p>Meshmap provides 210+ built-in integrations to support and manage your architecture at your fingertips</p>
+<br></br><br></br>
+
+<p><strong>Step 3:Select Publish actions on the design</strong></p>
+<p>To select actions, hover over your design in the table and choose publish.</p>
+<img src={meshmap4} class="fig-left"></img><img src={meshmap5} class="fig-right"></img>
+<p>Add details about your design. Select compatibility, add caveats and considerations, add pattern info and select type, and hit Publish.</p>
+<br></br>
+<br></br>
+<p align="center"><strong>Kudos , You just published your very own first design! Thats impressive for sure</strong></p>
+<p align="center">Remember Friend's dont do GitOps alone , Invite your friends to collaborate using MeshMap</p>
+<br></br>
+<p>You can refer to the MeshMap  <a href="https://docs.meshery.io/extensions/meshmap">documentation</a> for detailed guide</p>
+<p>Need a video tutorial?? </p>
+<iframe src="https://www.youtube.com/embed/qaoYRP3oLok" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+</BlogWrapper>