> For the complete documentation index, see [llms.txt](https://docs.mechcloud.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mechcloud.io/misc/tutorials-blog-posts.md).

# Tutorials / Blog Posts

### 1. Cloud Computing

#### 1.1 AWS

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Visualizing AWS resources in real-time</strong></td><td></td><td></td><td><a href="/files/PTi0heYbJs580qrTL36Q">/files/PTi0heYbJs580qrTL36Q</a></td><td><a href="https://blog.mechcloud.io/visualizing-your-aws-resources-in-real-time">https://blog.mechcloud.io/visualizing-your-aws-resources-in-real-time</a></td></tr></tbody></table>

#### 1.2 AWS Chatbot

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Announcing MechCloud Chatbot for AWS APIs</strong></td><td></td><td></td><td><a href="/files/ZF9ufs6pHf9UbkmUTfO0">/files/ZF9ufs6pHf9UbkmUTfO0</a></td><td><a href="https://blog.mechcloud.io/announcing-mechcloud-chatbot-for-aws-apis">https://blog.mechcloud.io/announcing-mechcloud-chatbot-for-aws-apis</a></td></tr><tr><td><strong>How to use MechCloud AWS Chatbot to manage your AWS EC2 resources</strong></td><td></td><td></td><td><a href="/files/ZF9ufs6pHf9UbkmUTfO0">/files/ZF9ufs6pHf9UbkmUTfO0</a></td><td><a href="https://blog.mechcloud.io/how-to-use-mechcloud-chatbot-to-manage-your-aws-ec2-resources">https://blog.mechcloud.io/how-to-use-mechcloud-chatbot-to-manage-your-aws-ec2-resources</a></td></tr><tr><td><strong>How to use MechCloud AWS Chatbot to manage your AWS Lightsail resources</strong></td><td></td><td></td><td><a href="/files/ZF9ufs6pHf9UbkmUTfO0">/files/ZF9ufs6pHf9UbkmUTfO0</a></td><td><a href="https://blog.mechcloud.io/how-to-use-mechcloud-chatbot-to-manage-your-aws-lightsail-resources">https://blog.mechcloud.io/how-to-use-mechcloud-chatbot-to-manage-your-aws-lightsail-resources</a></td></tr></tbody></table>

### 2. Website Builder

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Why Replace Your React, Next.js and Astro Sites with MechCloud</strong></td><td></td><td></td><td><a href="/files/WfHXdnGSdmjUYpwHRUM1">/files/WfHXdnGSdmjUYpwHRUM1</a></td><td><a href="https://blog.mechcloud.io/how-to-replace-react-nextjs-and-astro-based-websites-with-mechcloud">https://blog.mechcloud.io/how-to-replace-react-nextjs-and-astro-based-websites-with-mechcloud</a></td></tr><tr><td><strong>Announcing No Cost AI Powered MechCloud Page Designer</strong></td><td></td><td></td><td><a href="/files/jvFtsMgfFXJ3HiomPa0e">/files/jvFtsMgfFXJ3HiomPa0e</a></td><td><a href="https://blog.mechcloud.io/announcing-ai-powered-mechcloud-page-designer">https://blog.mechcloud.io/announcing-ai-powered-mechcloud-page-designer</a></td></tr><tr><td><strong>How to use micro app or micro frontend architecture to build a partner first ecosystem</strong></td><td></td><td></td><td><a href="/files/aGhR9VmETJsAbMqvouR5">/files/aGhR9VmETJsAbMqvouR5</a></td><td><a href="https://blog.mechcloud.io/how-to-use-micro-app-architecture-to-build-a-partner-first-ecosystem">https://blog.mechcloud.io/how-to-use-micro-app-architecture-to-build-a-partner-first-ecosystem</a></td></tr><tr><td><strong>Building innovative applications using micro app or micro frontend architecture</strong></td><td></td><td></td><td><a href="/files/SsadX7Td3z9mwNp8BvDJ">/files/SsadX7Td3z9mwNp8BvDJ</a></td><td><a href="https://blog.mechcloud.io/building-interesting-tools-and-applications-using-micro-app-architecture">https://blog.mechcloud.io/building-interesting-tools-and-applications-using-micro-app-architecture</a></td></tr><tr><td><strong>Announcing Preview/Beta version of MechCloud® Website Builder</strong></td><td></td><td></td><td><a href="/files/KTuDN8hBZVfKgGakD5Uu">/files/KTuDN8hBZVfKgGakD5Uu</a></td><td><a href="https://blog.mechcloud.io/announcing-previewbeta-version-of-mechcloud-website-builder">https://blog.mechcloud.io/announcing-previewbeta-version-of-mechcloud-website-builder</a></td></tr></tbody></table>

#### 2.1 How to create a simple website with two levels of page hierarchy using Piston

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Part 1</strong></td><td></td><td></td><td><a href="https://blog.mechcloud.io/part-1-how-to-create-a-simple-website-with-two-levels-of-page-hierarchy-using-piston">https://blog.mechcloud.io/part-1-how-to-create-a-simple-website-with-two-levels-of-page-hierarchy-using-piston</a></td><td><a href="/files/Cp1jjvVSTzCizATaeKeo">/files/Cp1jjvVSTzCizATaeKeo</a></td></tr><tr><td><strong>Part 2</strong></td><td></td><td></td><td><a href="https://blog.mechcloud.io/part-2-how-to-create-a-simple-website-with-two-levels-of-page-hierarchy-using-piston">https://blog.mechcloud.io/part-2-how-to-create-a-simple-website-with-two-levels-of-page-hierarchy-using-piston</a></td><td><a href="/files/Cp1jjvVSTzCizATaeKeo">/files/Cp1jjvVSTzCizATaeKeo</a></td></tr></tbody></table>

#### 2.2 How to create a vue based micro app for MechCloud

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td></td><td><strong>Part 1</strong></td><td></td><td><a href="https://blog.mechcloud.io/part-1-how-to-create-a-micro-app-for-mechcloud">https://blog.mechcloud.io/part-1-how-to-create-a-micro-app-for-mechcloud</a></td><td><a href="/files/nJz8voNB6hnfp8vBNQAs">/files/nJz8voNB6hnfp8vBNQAs</a></td></tr></tbody></table>

#### 2.3 How to create a vue based custom Frame for MechCloud

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Part 1</strong></td><td></td><td></td><td><a href="https://blog.mechcloud.io/part-1-how-to-create-a-custom-frame-in-mechcloud">https://blog.mechcloud.io/part-1-how-to-create-a-custom-frame-in-mechcloud</a></td><td><a href="/files/0LgcSaHaHZJJ0TZSSMuE">/files/0LgcSaHaHZJJ0TZSSMuE</a></td></tr><tr><td><strong>Part 2</strong></td><td></td><td></td><td><a href="https://blog.mechcloud.io/part-2-how-to-create-a-vue-based-custom-frame-for-mechcloud">https://blog.mechcloud.io/part-2-how-to-create-a-vue-based-custom-frame-for-mechcloud</a></td><td><a href="/files/0LgcSaHaHZJJ0TZSSMuE">/files/0LgcSaHaHZJJ0TZSSMuE</a></td></tr></tbody></table>

#### 2.4 How to create a vue based generic component for MechCloud Page Designer

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Part 1</strong></td><td></td><td></td><td><a href="https://blog.mechcloud.io/part-1-how-to-create-a-generic-component-for-mechcloud-page-builder">https://blog.mechcloud.io/part-1-how-to-create-a-generic-component-for-mechcloud-page-builder</a></td><td><a href="/files/SupXIwC6N5InxrE2V7dZ">/files/SupXIwC6N5InxrE2V7dZ</a></td></tr><tr><td><strong>Part 2</strong></td><td></td><td></td><td><a href="https://blog.mechcloud.io/part-2-how-to-create-a-generic-component-for-mechcloud-page-designer">https://blog.mechcloud.io/part-2-how-to-create-a-generic-component-for-mechcloud-page-designer</a></td><td><a href="/files/SupXIwC6N5InxrE2V7dZ">/files/SupXIwC6N5InxrE2V7dZ</a></td></tr></tbody></table>