Fix(resources): Added cloud native tutorials and redirect

src/collections/resources/tutorials/contributor-training-meshery-ci-cd.mdx

@@ -0,0 +1,28 @@
+---
+title: "Contributor Training: Meshery CI and CD"
+thumbnail: ../../../assets/images/tutorials/github.webp
+darkthumbnail: ../../../assets/images/tutorials/github.webp
+date: 2025-02-01 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Tutorial
+type: Tutorial
+product: Meshery
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+  <h3>Tutorial Slides</h3>
+  <iframe src="https://docs.google.com/presentation/d/1hUDhFeYP7dtCQhOEw2U_wQ-G718Y2e5iU3drMDOdIws/embed?start=false&loop=false&delayms=3000" loading="lazy"
+    frameBorder="0" allowFullScreen width="100%" height="500">
+  </iframe>
+  <h3>Tutorial Recording</h3>
+  <iframe className="iframe" src="https://www.youtube.com/embed/dlr_nzJV16Q" loading="lazy"
+    frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"allowFullScreen width="100%" height="500">
+  </iframe>
+</ResourcesWrapper>

src/collections/resources/tutorials/contributor-training-meshery-cli-e2e-testing.mdx

@@ -0,0 +1,28 @@
+---
+title: "Contributor Training: End-to-end Testing in Meshery CLI"
+thumbnail: ../../../assets/images/tutorials/golang-meshery-ctl.webp
+darkthumbnail: ../../../assets/images/tutorials/golang-meshery-ctl.webp
+date: 2025-03-01 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Tutorial
+type: Tutorial
+product: Meshery
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+  <h3>Tutorial Slides</h3>
+  <iframe src="https://docs.google.com/presentation/d/1OhUhqIZVPdnjD7eO1ppeXVvTa-P2lIcdCXHncTOX_XE/embed?start=false&loop=false&delayms=3000" loading="lazy"
+    frameBorder="0" allowFullScreen width="100%" height="500">
+  </iframe>
+  <h3>Tutorial Recording</h3>
+  <iframe className="iframe" src="https://www.youtube.com/embed/mRQAvR9-P1o" loading="lazy"
+    frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"allowFullScreen width="100%" height="500">
+  </iframe>
+</ResourcesWrapper>

src/collections/resources/tutorials/contributor-training-meshery-cli.mdx

@@ -0,0 +1,28 @@
+---
+title: "Contributor Training: Meshery CLI"
+thumbnail: ../../../assets/images/tutorials/intro-meshery-ctl.webp
+darkthumbnail: ../../../assets/images/tutorials/intro-meshery-ctl.webp
+date: 2025-01-01 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Tutorial
+type: Tutorial
+product: Meshery
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+  <h3>Tutorial Slides</h3>
+  <iframe src="https://docs.google.com/presentation/d/1lRop7DAAMUBmuFdzZK25LdQrkLG08eVsXEaDrauP3S8/embed?start=false&loop=false&delayms=3000" loading="lazy"
+    frameBorder="0" allowFullScreen width="100%" height="500">
+  </iframe>
+  <h3>Tutorial Recording</h3>
+  <iframe className="iframe" src="https://www.youtube.com/embed/aNR_1h1Pisg" loading="lazy"
+    frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"allowFullScreen width="100%" height="500">
+  </iframe>
+</ResourcesWrapper>

src/collections/resources/tutorials/contributor-training-meshery-docs.mdx

@@ -0,0 +1,28 @@
+---
+title: "Contributor Training: Working with Meshery Docs"
+thumbnail: ../../../assets/images/tutorials/docs-jekyll.webp
+darkthumbnail: ../../../assets/images/tutorials/docs-jekyll.webp
+date: 2025-04-11 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Tutorial
+type: Tutorial
+product: Meshery
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+  <h3>Tutorial Slides</h3>
+  <iframe src="https://docs.google.com/presentation/d/1kQIzSa4f-pOH8cM4SwEdbFZGI_SXVyyhc9zUZPB7bsI/embed?start=false&loop=false&delayms=3000" loading="lazy"
+    frameBorder="0" allowFullScreen width="100%" height="500">
+  </iframe>
+  <h3>Tutorial Recording</h3>
+  <iframe className="iframe" src="https://www.youtube.com/embed/7wRbbOSwrtI" loading="lazy"
+    frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"allowFullScreen width="100%" height="500">
+  </iframe>
+</ResourcesWrapper>

src/collections/resources/tutorials/contributor-training-meshery-models.mdx

@@ -0,0 +1,28 @@
+---
+title: "Contributor Training: Meshery Models"
+thumbnail: ../../../assets/images/tutorials/swagger-logo.webp
+darkthumbnail: ../../../assets/images/tutorials/swagger-logo.webp
+date: 2024-10-01 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Tutorial
+type: Tutorial
+product: Meshery
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+  <h3>Tutorial Slides</h3>
+  <iframe src="https://docs.google.com/presentation/d/1XSnDpXeloE9c7FOHGy2l82YbykHl49njUN1RgFoe_ac/embed?start=false&loop=false&delayms=3000" loading="lazy"
+    frameBorder="0" allowFullScreen width="100%" height="500">
+  </iframe>
+  <h3>Tutorial Recording</h3>
+  <iframe className="iframe" src="https://www.youtube.com/embed/K2gmdIlGXNo" loading="lazy"
+    frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"allowFullScreen width="100%" height="500">
+  </iframe>
+</ResourcesWrapper>

src/collections/resources/tutorials/contributor-training-meshery-server.mdx

@@ -0,0 +1,28 @@
+---
+title: "Contributor Training: Meshery Server"
+thumbnail: ../../../assets/images/tutorials/all-repos-layer5.webp
+darkthumbnail: ../../../assets/images/tutorials/all-repos-layer5.webp
+date: 2024-11-01 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Tutorial
+type: Tutorial
+product: Meshery
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+  <h3>Tutorial Slides</h3>
+  <iframe src="https://docs.google.com/presentation/d/1X0kAAAwHaZ6VHfE8VifWSW5nOdid7GC9L0zcZFP9dac/embed?start=false&loop=false&delayms=3000" loading="lazy"
+    frameBorder="0" allowFullScreen width="100%" height="500">
+  </iframe>
+  <h3>Tutorial Recording</h3>
+  <iframe className="iframe" src="https://www.youtube.com/embed/9iRRd4RJOXE" loading="lazy"
+    frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"allowFullScreen width="100%" height="500">
+  </iframe>
+</ResourcesWrapper>

src/collections/resources/tutorials/contributor-training-meshery-ui-playwright.mdx

@@ -0,0 +1,28 @@
+---
+title: "Contributor Training: End-to-end Testing in Meshery UI using Playwright"
+thumbnail: ../../../assets/images/tutorials/layer5-walkthrough.webp
+darkthumbnail: ../../../assets/images/tutorials/layer5-walkthrough.webp
+date: 2025-01-15 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Tutorial
+type: Tutorial
+product: Meshery
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+  <h3>Tutorial Slides</h3>
+  <iframe src="https://docs.google.com/presentation/d/1Vcq48Y0nLZsrKKFNYBJ5fm9bIcb2m6ZnYxq2azn6nlM/embed?start=false&loop=false&delayms=3000" loading="lazy"
+    frameBorder="0" allowFullScreen width="100%" height="500">
+  </iframe>
+  <h3>Tutorial Recording</h3>
+  <iframe className="iframe" src="https://www.youtube.com/embed/9d0n37eTSkI" loading="lazy"
+    frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"allowFullScreen width="100%" height="500">
+  </iframe>
+</ResourcesWrapper>

src/collections/resources/tutorials/contributor-training-meshery-ui.mdx

@@ -0,0 +1,28 @@
+---
+title: "Contributor Training: Meshery UI"
+thumbnail: ../../../assets/images/tutorials/intro-to-gatsby.webp
+darkthumbnail: ../../../assets/images/tutorials/intro-to-gatsby.webp
+date: 2024-12-01 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Tutorial
+type: Tutorial
+product: Meshery
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+  <h3>Tutorial Slides</h3>
+  <iframe src="https://docs.google.com/presentation/d/1MRDs28YmzrO1t5QNz7WTp50ukCz6fB2p3awZz63HJmA/embed?start=false&loop=false&delayms=3000" loading="lazy"
+    frameBorder="0" allowFullScreen width="100%" height="500">
+  </iframe>
+  <h3>Tutorial Recording</h3>
+  <iframe className="iframe" src="https://www.youtube.com/embed/ia7kvnHCurs" loading="lazy"
+    frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"allowFullScreen width="100%" height="500">
+  </iframe>
+</ResourcesWrapper>

src/collections/resources/tutorials/deploy-aws-ec2.mdx

@@ -0,0 +1,67 @@
+---
+title: "Deploy AWS EC2 Instances with Meshery"
+thumbnail: ../../../assets/images/tutorials/golang-meshery-ctl.webp
+darkthumbnail: ../../../assets/images/tutorials/golang-meshery-ctl.webp
+date: 2024-02-22 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - AWS
+  - Tutorial
+type: Tutorial
+product: Meshery
+technology: Kubernetes
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+
+<h3>Introduction</h3>
+<p>In this tutorial, we use <a href="https://play.meshery.io/">Meshery Playground</a> to deploy AWS EC2 instances visually using Meshery's AWS provider integration.</p>
+
+<h3>Prerequisites</h3>
+<ul>
+  <li>Basic understanding of AWS EC2 and cloud infrastructure concepts.</li>
+  <li>Access to <a href="https://play.meshery.io/">Meshery Playground</a>.</li>
+</ul>
+
+<h3>Objective</h3>
+<p>Learn how to use <strong>Meshery</strong> to design and deploy AWS EC2 infrastructure visually.</p>
+
+<h3>Steps</h3>
+
+<h4>Access Meshery Playground</h4>
+<ol>
+  <li>Log in to <a href="https://play.meshery.io">Meshery Playground</a>.</li>
+  <li>Click <strong>Explore</strong> to navigate to Kanvas.</li>
+</ol>
+
+<h4>Add an EC2 Instance Component</h4>
+<ol>
+  <li>Rename the design to a name of your choice.</li>
+  <li>Search for <strong>Instance</strong> under the AWS provider in Components.</li>
+  <li>Drag the EC2 Instance component onto the canvas and configure the instance type and region.</li>
+</ol>
+
+<h4>Configure Credentials</h4>
+<ol>
+  <li>Search for <strong>Secret</strong> and drag it onto the canvas.</li>
+  <li>Add your base64-encoded AWS credentials: <code>AWS_ACCESS_KEY_ID</code> and <code>AWS_SECRET_ACCESS_KEY</code>.</li>
+  <li>Connect the Secret to the EC2 Instance component.</li>
+</ol>
+
+<h4>Deploy and Verify</h4>
+<ol>
+  <li>Click <strong>Validate</strong>, then <strong>Deploy</strong>.</li>
+  <li>Click <strong>Visualize</strong> to monitor provisioned resources.</li>
+</ol>
+
+<h3>Conclusion</h3>
+<p>You have successfully deployed an AWS EC2 instance using Meshery Playground. Continue exploring at <a href="https://play.meshery.io/">Meshery Playground</a>.</p>
+<p><em>Sourced from the <a href="https://docs.meshery.io/guides/tutorials/">Meshery documentation</a>.</em></p>
+
+</ResourcesWrapper>

src/collections/resources/tutorials/kubernetes-configmaps-secrets.mdx

@@ -0,0 +1,74 @@
+---
+title: "Understanding Kubernetes ConfigMaps and Secrets with Meshery"
+thumbnail: ../../../assets/images/tutorials/badge.webp
+darkthumbnail: ../../../assets/images/tutorials/badge.webp
+date: 2024-02-22 10:30:05 -0530
+category: Cloud Native
+tags:
+  - Meshery
+  - Kubernetes
+  - Tutorial
+type: Tutorial
+product: Meshery
+technology: Kubernetes
+featured: false
+published: true
+resource: true
+---
+
+import { ResourcesWrapper } from "../Resources.style.js";
+
+<ResourcesWrapper>
+
+<h3>Introduction</h3>
+<p>In this tutorial, we explore Kubernetes ConfigMaps and Secrets using <a href="https://play.meshery.io/">Meshery Playground</a>. ConfigMaps store non-sensitive config data while Secrets store sensitive information like passwords.</p>
+
+<h3>Prerequisites</h3>
+<ul>
+  <li>Basic understanding of Kubernetes Pods and Deployments.</li>
+  <li>Access to <a href="https://play.meshery.io/">Meshery Playground</a>.</li>
+</ul>
+
+<h3>Objective</h3>
+<p>Learn how to create and use <strong>Kubernetes ConfigMaps and Secrets</strong> to manage application configuration and sensitive data.</p>
+
+<h3>Steps</h3>
+
+<h4>Access Meshery Playground</h4>
+<ol>
+  <li>Log in to <a href="https://play.meshery.io">Meshery Playground</a>.</li>
+  <li>Click <strong>Explore</strong> to navigate to Kanvas.</li>
+</ol>
+
+<h4>Create a ConfigMap</h4>
+<ol>
+  <li>Rename the design to a name of your choice.</li>
+  <li>Search for <strong>ConfigMap</strong> in Components and drag it onto the canvas.</li>
+  <li>Click the component and add a data entry with key <code>ENVIRONMENT</code> and value <code>production</code>.</li>
+</ol>
+
+<h4>Create a Secret</h4>
+<ol>
+  <li>Search for <strong>Secret</strong> and drag it onto the canvas.</li>
+  <li>Add a data entry with key <code>DB_PASSWORD</code> and value <code>cGFzc3dvcmQ=</code> (base64 for password).</li>
+</ol>
+
+<h4>Mount into a Pod</h4>
+<ol>
+  <li>Search for <strong>Pod</strong> and drag it onto the canvas.</li>
+  <li>Add a container with image <code>nginx:latest</code>.</li>
+  <li>Add environment variables sourced from the ConfigMap and Secret.</li>
+  <li>Connect the ConfigMap and Secret to the Pod using relationship arrows.</li>
+</ol>
+
+<h4>Deploy and Verify</h4>
+<ol>
+  <li>Click <strong>Validate</strong>, then <strong>Deploy</strong>.</li>
+  <li>Click <strong>Visualize</strong>, open an <strong>Interactive Terminal</strong> on the Pod and run <code>env</code> to confirm values are injected.</li>
+</ol>
+
+<h3>Conclusion</h3>
+<p>You have successfully created Kubernetes ConfigMaps and Secrets and mounted them into a Pod. Continue exploring at <a href="https://play.meshery.io/">Meshery Playground</a>.</p>
+<p><em>Sourced from the <a href="https://docs.meshery.io/guides/tutorials/kubernetes/kubernetes-configmaps-secrets">Meshery documentation</a>.</em></p>
+
+</ResourcesWrapper>