---
title: "[Second level navigation] - Architecture Diagrams"
description: Contentstack Architecture Diagrams provide a graphical and systematic representation of concepts, elements, and components of an enterprise architecture.
url: https://www.contentstack.com/docs/developers/architecture-diagrams
product: Contentstack
doc_type: navigation-listing
audience:
  - developers
version: current
last_updated: 2026-03-26
---

# [Second level navigation] - Architecture Diagrams

This page lists Contentstack Architecture Diagrams and related resources. Developers and architects should use it to find the appropriate diagram for a specific website, infrastructure, or system architecture scenario when planning or implementing Contentstack-powered solutions.

### Item 1

#### Listing page

##### Heading

Architecture Diagrams

##### Introduction

Contentstack Architecture Diagrams provide a graphical and systematic representation of concepts, elements, and components of an enterprise architecture. The diagrams help us understand how different elements or components in an architecture are connected and communicate with each other to carry out the required operations.

By using these architecture diagrams, you can create or set up your own infrastructure for hosting, running, and managing your apps or websites that are powered by Contentstack.

##### Links section

###### Website Architecture Diagrams

###### Heading

Website Architecture Diagrams

###### Links

- Layered Diagram  
  - Title: Layered Diagram  
  - Url: /developers/architecture-diagrams/contentstack-powered-website-layered-architecture
- Simple Website  
  - Title: Simple Website  
  - Url: /developers/architecture-diagrams/simple-website-detailed-architecture
- Static Website  
  - Title: Static Website  
  - Url: /developers/architecture-diagrams/static-website-detailed-architecture
- Dynamic Website  
  - Title: Dynamic Website  
  - Url: /developers/architecture-diagrams/dynamic-website-detailed-architecture
- Partially Headless Setup  
  - Title: Partially Headless Setup  
  - Url: /developers/architecture-diagrams/partially-headless-setup-detailed-architecture
- Cloud Infrastructure  
  - Title: Cloud Infrastructure  
  - Url: /developers/architecture-diagrams/cloud-infrastructure-architecture-for-contentstack-powered-websites
- Simple Website Using DataSync  
  - Title: Simple Website Using DataSync  
  - Url: /developers/architecture-diagrams/simple-website-using-datasync
- MACH System Architecture  
  - Title: MACH System Architecture  
  - Url: /developers/architecture-diagrams/mach-architecture-diagram
- Mobile and Smart Devices System Architecture  
  - Title: Mobile and Smart Devices System Architecture  
  - Url: /developers/architecture-diagrams/mobile-and-smart-devices-system-architecture
- Architecture FAQs  
  - Title: Architecture FAQs  
  - Url: /faqs/#architecture-faqs

## Common questions

**How do I choose the right architecture diagram?**  
Pick the diagram that matches your delivery model (static, dynamic, partially headless) and your infrastructure needs (cloud infrastructure, DataSync, MACH, mobile/smart devices).

**Are these diagrams only for websites?**  
No. The list includes diagrams for websites as well as broader system architectures such as MACH and mobile and smart devices system architecture.

**Where can I find answers to common architecture questions?**  
Use the “Architecture FAQs” link: `/faqs/#architecture-faqs`.