meta descriptions for service mesh patterns and layer5&hashicoop

src/collections/news/2020/2020-05-28-layer5-and-hasicorp-launch-service-mesh-partnership/index.mdx

@@ -1,15 +1,16 @@
 ---
 title: "Layer5 and HashiCorp Launch Service Mesh Partnership"
-date:   2020-05-28 00:00:00 +0800
+date: 2020-05-28 00:00:00 +0800
 author: The Newsroom
 thumbnail: ./layer5-hashicorp.webp
 darkthumbnail: ./layer5-hashicorp.webp
 category: "Press Release"
 eurl: ""
 redirect_from:
- - /company/news/layer5-hashicorp-launch-service-mesh-partnership/
- - /company/news/layer5-hashicorp-launch-service-mesh-partnership
+  - /company/news/layer5-hashicorp-launch-service-mesh-partnership/
+  - /company/news/layer5-hashicorp-launch-service-mesh-partnership
 published: true
+description: "Layer5 and HashiCorp join forces to launch a groundbreaking partnership, bringing advanced cloud-native infrastructure solutions for containerized and non-containerized workloads through Meshery and Consul integration. Explore the power of Meshery's support for Consul service mesh, including sample applications, performance management, and experimental support for WebAssembly, demonstrated at DockerCon 2020 for near-native fine-grained traffic control."
 type: News
 product: Meshery
 technology: WebAssembly
@@ -30,7 +31,13 @@ _Announced on May 28th, 2020 at DockerCon Live 2020._
 
 Today, we are pleased to announce the technology partnership of Layer5 and HashiCorp. Layer5’s [Meshery](https://layer5.io/cloud-native-management/meshery), the cloud native management plane, and HashiCorp’s [Consul](https://consul.io) integrate to provide advanced, cloud native infrastructure solutions for containerized and non-containerized workloads - strengths of Consul. The marriage of these technologies forms a layering of network planes: data, control, and management.
 
-<a href={layer5_hashicorp_partnership}><img src={layer5_hashicorp_partnership} alt="layer5-hashicorp-partnership" width="100%" /></a>
+<a href={layer5_hashicorp_partnership}>
+  <img
+    src={layer5_hashicorp_partnership}
+    alt="layer5-hashicorp-partnership"
+    width="100%"
+  />
+</a>
 
 _Service Mesh Planes: Consul and Meshery. Learn more about service mesh planes in [The Enterprise Path to Service Mesh Architectures](https://layer5.io/books/the-enterprise-path-to-service-mesh-architectures)._
 
@@ -46,12 +53,14 @@ Demonstrated at DockerCon 2020, is the “[Image Hub](https://github.com/layer5i
 
 In order to assess the overall performance of the service mesh, and the overhead of individual, fine-grained traffic control mechanisms defined in Consul’s control plane and enforced through Consul’s intelligent data plane, Meshery provides users with statistical analysis of the responsiveness of their services and performance of the service mesh. As highlighted by Docker Captain, [Luc Juggery](https://twitter.com/lucjuggery), performance is an ongoing concern:
 
-<div style="margin:20px;">Running a performance test is not a one shot thing. Tests should be run on a regular basis to (re)establish baselines and evaluate configuration changes:
-<ul>
-<li>- for each new release of the chosen service mesh</li>
-<li>- for each change of the configuration of your service mesh</li>
-<li>- for each new release of the application"</li>
-</ul>
+<div style="margin:20px;">
+  Running a performance test is not a one shot thing. Tests should be run on a
+  regular basis to (re)establish baselines and evaluate configuration changes:
+  <ul>
+    <li>- for each new release of the chosen service mesh</li>
+    <li>- for each change of the configuration of your service mesh</li>
+    <li>- for each new release of the application"</li>
+  </ul>
 </div>
 
 Meshery’s ability to connect to Prometheus instances to retrieve and account for cluster and application-level metrics is popularly used during Meshery’s service mesh performance tests. Likewise, Meshery’s ability to connect to and import existing dashboards, panels, and charts from Grafana is instrumental in allowing users to retain their existing investment in dashboards and metrics they have curated over time.
@@ -60,7 +69,9 @@ Meshery’s ability to connect to Prometheus instances to retrieve and account f
 
 Today, at [DockerCon 2020](https://docker.events.cube365.net/docker/dockercon/content/Videos/63TCCNpzDC7Xxnm8b), we demonstrate technology leadership in advanced data plane engineering for near-native performance of fine-grained traffic control facilitated by Meshery and Consul with the use of Envoy and WebAssembly.
 
-<a href={layer5_image_hub}><img src={layer5_image_hub} alt="layer5-hashicorp-imagehub" width="100%" /></a>
+<a href={layer5_image_hub}>
+  <img src={layer5_image_hub} alt="layer5-hashicorp-imagehub" width="100%" />
+</a>
 
 _In this demonstration, Meshery takes advantage of Consul’s use of Envoy. Envoy support for WebAssembly is impending._
 

src/collections/service-mesh-books/istio-up-and-running/index.mdx

@@ -5,19 +5,30 @@ cover: ./istio-up-and-running.webp
 thumbnail: ./istio-up-and-running_top.png
 author: "Lee Calcote and Zack Butcher"
 abstract: "A must-read for anyone looking to get started with Istio."
+description: "Discover Istio: The Ultimate Guide to Service Mesh for Microservices - Gain Insights on Deployment, Management, and Security"
 published: true
 redirect_from:
- - /books/istio-up-and-running
+  - /books/istio-up-and-running
 ---
 
 import { BookWrapper } from "../Book.style.js";
-import istio_book from "./istio-up-and-running.webp"
+import istio_book from "./istio-up-and-running.webp";
 import Button from "../../../reusecore/Button";
 
 <BookWrapper>
 
-<div className="book"><a href="http://www.jdoqocy.com/click-100001276-11290546?url=http%3A%2F%2Fshop.oreilly.com%2Fproduct%2F0636920203940.do%3Fcmp%3Daf-velocity-books-video-product_cj_0636920203940_%25zp&cjsku=0636920203940"><img className="card" width="300px" src={istio_book} align="center" /></a><div>&nbsp;</div>
-    <Button primary className="banner-btn one pa-8" title="Get the Book" url="http://www.jdoqocy.com/click-100001276-11290546?url=http%3A%2F%2Fshop.oreilly.com%2Fproduct%2F0636920203940.do%3Fcmp%3Daf-velocity-books-video-product_cj_0636920203940_%25zp&cjsku=0636920203940" external={ true }  />
+<div className="book">
+  <a href="http://www.jdoqocy.com/click-100001276-11290546?url=http%3A%2F%2Fshop.oreilly.com%2Fproduct%2F0636920203940.do%3Fcmp%3Daf-velocity-books-video-product_cj_0636920203940_%25zp&cjsku=0636920203940">
+    <img className="card" width="300px" src={istio_book} align="center" />
+  </a>
+  <div>&nbsp;</div>
+  <Button
+    primary
+    className="banner-btn one pa-8"
+    title="Get the Book"
+    url="http://www.jdoqocy.com/click-100001276-11290546?url=http%3A%2F%2Fshop.oreilly.com%2Fproduct%2F0636920203940.do%3Fcmp%3Daf-velocity-books-video-product_cj_0636920203940_%25zp&cjsku=0636920203940"
+    external={true}
+  />
 </div>
 
 Istio is a service mesh announced in 2017 and supported by Google, IBM, and Lyft. It is open-source, incorporates Envoy Proxy, a component developed and battle hardened at Lyft, and is one of the fastest growing solutions for connecting, managing, and securing microservices.
@@ -26,16 +37,26 @@ Over time, microservices become opaque as they become larger. This makes trouble
 
 The hope is that readers will:
 
-<li> Gain a broad understanding of the service mesh Istio. It’s origins, current state, and future. </li>
+<li>
+  {" "}
+  Gain a broad understanding of the service mesh Istio. It’s origins, current state,
+  and future.{" "}
+</li>
 <li> Be able to deploy, manage, and use Istio. </li>
-<li> Be familiar with the components of Istio -- what they do, how to use them, common patterns and production scenarios.</li>
+<li>
+  {" "}
+  Be familiar with the components of Istio -- what they do, how to use them, common
+  patterns and production scenarios.
+</li>
 <li> Develop policies and manage them.</li>
 <li> Secure their microservice.</li>
 <li> A broad understanding of the Istio ecosystem.</li>
 <li> How to engage with the community.</li>
 
-<br/>
-<br/><b>Early Release:</b> Summer 2019
-<br/><b>Publish:</b> October 2019
+<br />
+<br />
+<b>Early Release:</b> Summer 2019
+<br />
+<b>Publish:</b> October 2019
 
 </BookWrapper>

src/collections/service-mesh-books/service-mesh-patterns/index.mdx

@@ -5,47 +5,71 @@ cover: ./service-mesh-patterns.webp
 thumbnail: ./service-mesh-patterns.webp
 author: Lee Calcote and Nic Jackson
 abstract: "Patterns, recipes and best practices for deploying and operating service meshes."
+description: "Discover essential service mesh patterns and best practices for optimizing Istio, Linkerd, Consul, App Mesh, and other service mesh technologies, including those leveraging Envoy and WebAssembly. Dive into the 'Service Mesh Patterns' book, designed for anyone delivering cloud-native workloads enabled by a service mesh, and ensure your infrastructure and applications derive maximum value from this powerful layer of communication and control."
 published: true
 redirect_from:
- - /books/service-mesh-patterns
+  - /books/service-mesh-patterns
 ---
 
 import { BookWrapper } from "../Book.style.js";
 import Table from "../../../components/service-mesh-patterns-Table/Table.js";
-import {Link} from "gatsby"
+import { Link } from "gatsby";
 import Button from "../../../reusecore/Button";
-import service_mesh_pattern_book from "./service-mesh-patterns.webp"
-
+import service_mesh_pattern_book from "./service-mesh-patterns.webp";
 
 <BookWrapper>
 
 <div className="book">
   <a href="https://www.oreilly.com/library/view/service-mesh-patterns/9781492086444/">
-    <img className="card" width="300px" src={service_mesh_pattern_book} align="center" />
-  </a><div>&nbsp;</div>
-  <Button primary className="banner-btn one pa-8" title="Get the Book" url="https://www.oreilly.com/library/view/service-mesh-patterns/9781492086444/" external={ true }/>
+    <img
+      className="card"
+      width="300px"
+      src={service_mesh_pattern_book}
+      align="center"
+    />
+  </a>
+  <div>&nbsp;</div>
+  <Button
+    primary
+    className="banner-btn one pa-8"
+    title="Get the Book"
+    url="https://www.oreilly.com/library/view/service-mesh-patterns/9781492086444/"
+    external={true}
+  />
 </div>
 
-
+<p></p>
 <p>
-  Patterns and best practices for getting most out of Istio, Linkerd, Consul, App Mesh or <Link to="/service-mesh-landscape">any service mesh</Link>, including those using Envoy and use of WebAssembly.
+  Patterns and best practices for getting most out of Istio, Linkerd, Consul,
+  App Mesh or <Link to="/service-mesh-landscape">any service mesh</Link>,
+  including those using Envoy and use of WebAssembly.
 </p>
 
-<p><strong>About the Service Mesh Patterns book</strong></p>
+<p>
+  <strong>About the Service Mesh Patterns book</strong>
+</p>
 
 A service mesh is a layer in your infrastructure that facilitates communication between services… and so much more. Its value is enormous, and the value you derive from one is very much related to what role you play in the design, implementation, and operations of your cloud native applications and infrastructure.
 
 <div className="center">
-  <Button secondary className="banner-btn" title="Visit Service Mesh Patterns website" url="https://service-mesh-patterns.github.io/service-mesh-patterns/" external={ true }/>
+  <Button
+    secondary
+    className="banner-btn"
+    title="Visit Service Mesh Patterns website"
+    url="https://service-mesh-patterns.github.io/service-mesh-patterns/"
+    external={true}
+  />
 </div>
 
-<p><strong>This book is being written for</strong></p>
+<p>
+  <strong>This book is being written for</strong>
+</p>
 
 Identifying who this book is for has been one of the hardest challenges in writing it. The power of a service mesh is vast, and therefore, empowers individuals of many different roles. In short, this book is for anyone delivering workloads enabled by a service mesh and who wants to ensure their use of a service mesh provides the most possible value to the workloads and teams that rely on it.
 
-<br/>
+<br />
 
-<Table/>
+<Table />
 <br />
 
 </BookWrapper>

src/sections/Blog/Blog-sidebar/index.js

@@ -2,14 +2,15 @@ import React, { useEffect, useState } from "react";
 import { graphql, Link, useStaticQuery } from "gatsby";
 import slugify from "../../../utils/slugify";
 import { StaticImage } from "gatsby-plugin-image";
-import Button from "../../../reusecore/Button";
+
 import BlogSideBarWrapper from "./blogSidebar.style";
 import { HiOutlineChevronUp } from "@react-icons/all-files/hi/HiOutlineChevronUp";
 import { HiOutlineChevronDown } from "@react-icons/all-files/hi/HiOutlineChevronDown";
 // import { FaSearch } from "@react-icons/all-files/fa/FaSearch";
 
 const Discuss = "../../../assets/images/discuss/layer5-discuss-white.webp";
-const FiveandFriendsAdventures = "../../../assets/images/blog/five-and-friends.png";
+const FiveandFriendsAdventures =
+  "../../../assets/images/blog/five-and-friends.png";
 
 const Sidebar = ({ pageContext }) => {
   const data = useStaticQuery(
@@ -75,19 +76,25 @@ const Sidebar = ({ pageContext }) => {
       </div>
 
       <div className="sidebar-widgets catagorie">
-        <div className="widgets-title" onClick={() => setShowCategory(value => !value)}>
+        <div
+          className="widgets-title"
+          onClick={() => setShowCategory((value) => !value)}
+        >
           <h3>Categories</h3>
           {!showCategory ? (
-            <HiOutlineChevronDown className="menu-icon"/>
+            <HiOutlineChevronDown className="menu-icon" />
           ) : (
-            <HiOutlineChevronUp className="menu-icon"/>
+            <HiOutlineChevronUp className="menu-icon" />
           )}
         </div>
-        <ul className={`${(!showCategory) ? "ul-close" : "scroll"}`}>
+        <ul className={`${!showCategory ? "ul-close" : "scroll"}`}>
           {categories &&
             categories.map((category) => (
               <li key={category.fieldValue}>
-                <Link to={`/blog/category/${slugify(category.fieldValue)}`} activeStyle={{ color: "#00b39f" }}>
+                <Link
+                  to={`/blog/category/${slugify(category.fieldValue)}`}
+                  activeStyle={{ color: "#00b39f" }}
+                >
                   <span>{category.fieldValue}</span>
                   <em>({category.totalCount})</em>
                 </Link>
@@ -96,19 +103,25 @@ const Sidebar = ({ pageContext }) => {
         </ul>
       </div>
       <div className="sidebar-widgets tags">
-        <div className="widgets-title" onClick={() => setShowTag(value => !value)}>
+        <div
+          className="widgets-title"
+          onClick={() => setShowTag((value) => !value)}
+        >
           <h3>Tags</h3>
           {!showTag ? (
-            <HiOutlineChevronDown className="menu-icon"/>
+            <HiOutlineChevronDown className="menu-icon" />
           ) : (
-            <HiOutlineChevronUp className="menu-icon"/>
+            <HiOutlineChevronUp className="menu-icon" />
           )}
         </div>
-        <ul className={`${(!showTag) ? "ul-close" : "scroll"}`}>
+        <ul className={`${!showTag ? "ul-close" : "scroll"}`}>
           {tags &&
             tags.map((tag) => (
               <li key={tag.fieldValue}>
-                <Link to={`/blog/tag/${slugify(tag.fieldValue)}`} activeStyle={{ background: "#00b39f", color: "#ffffff" }}>
+                <Link
+                  to={`/blog/tag/${slugify(tag.fieldValue)}`}
+                  activeStyle={{ background: "#00b39f", color: "#ffffff" }}
+                >
                   {tag.fieldValue} ({tag.totalCount})
                 </Link>
               </li>
@@ -120,37 +133,14 @@ const Sidebar = ({ pageContext }) => {
           <a href="https://layer5.io/community/adventures-of-five-and-friends">
             <div className="card">
               <h2>See the Adventures of Five and Friends</h2>
-              <StaticImage alt="layer5 five and friends adventures" src={FiveandFriendsAdventures} />
+              <StaticImage
+                alt="layer5 five and friends adventures"
+                src={FiveandFriendsAdventures}
+              />
             </div>
           </a>
         </div>
       </div>
-      <div className="subscribe">
-        <form
-          name="contactform"
-          method="post"
-          action="https://calcotestudios.us15.list-manage.com/subscribe/post?u=6b50be5aea3dfe1fd4c041d80&amp;id=6bb65defeb"
-        >
-          <div>
-            <span>
-              <h4>Subscribe to our Newsletter</h4>
-            </span>
-            <input
-              className="inputrow subscribe-email"
-              type="email"
-              placeholder="Email Address"
-              name="EMAIL"
-              id="mce-EMAIL"
-              required
-              onInvalid={(e) =>
-                e.target.setCustomValidity("Please fill-in this field")
-              }
-              onInput={(e) => e.target.setCustomValidity("")}
-            />
-            <Button secondary title="Subscribe" aria-label="subscribe-us" id="mc-embedded-subscribe" />
-          </div>
-        </form>
-      </div>
     </BlogSideBarWrapper>
   );
 };