# sitecore/xmcloud-starter-js architecture

> Architecture diagram of the GitHub repository sitecore/xmcloud-starter-js, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-30). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/sitecore/xmcloud-starter-js
- Repository: https://github.com/sitecore/xmcloud-starter-js

## Overview

This repository is a SitecoreAI front-end starter collection, with Sitecore authoring items and Next.js starter applications intended to work together. The documented workflow is to configure a starter with SitecoreAI environment settings, deploy the rendering host and authoring items, then use the resulting site. The tree shows authoring templates and a Next.js starter module, but the supplied source excerpts contain no runtime implementation; connections between authoring content and rendered pages are therefore documented at a high level only.

Main entry points: [`authoring/items/items/templates`](https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/items/templates) (Content definitions), [`authoring/items/nextjs-starter`](https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/nextjs-starter) (Next.js starter module), [`authoring/items/items/templates/items/ccl.renderings/click-click-launch`](https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/items/templates/items/ccl.renderings/click-click-launch) (Rendering definitions)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_authoring["Sitecore authoring"]
  node_authoring_items["Content definitions"]
  node_starter_module["Next.js starter module"]
  node_rendering_components["Rendering definitions<br/>[click-click-launch]"]
end

subgraph group_starters["Frontend starters"]
  node_rendering_host["Rendering host"]
end

subgraph group_platform["SitecoreAI platform"]
  node_sitecore["SitecoreAI"]
end

node_developer(("Developer"))
node_site_visitor(("Site visitor"))

node_developer -->|"configures"| node_starter_module
node_developer -.->|"customizes"| node_authoring_items
node_starter_module -.->|"runs as"| node_rendering_host
node_authoring_items -->|"deploys with"| node_sitecore
node_rendering_components -.->|"defines renderings"| node_sitecore
node_sitecore -->|"integrates with"| node_rendering_host
node_site_visitor -.->|"views site"| node_rendering_host

click node_authoring_items "https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/items/templates"
click node_starter_module "https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/nextjs-starter"
click node_rendering_components "https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/items/templates/items/ccl.renderings/click-click-launch"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_authoring_items,node_starter_module,node_rendering_components toneBlue
class node_rendering_host toneAmber
class node_sitecore toneMint
class node_developer,node_site_visitor toneIndigo
```

## Components

### Sitecore authoring

- [Content definitions](https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/items/templates): `authoring/items/items/templates`
- [Next.js starter module](https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/nextjs-starter): `authoring/items/nextjs-starter`
- [Rendering definitions](https://github.com/sitecore/xmcloud-starter-js/tree/main/authoring/items/items/templates/items/ccl.renderings/click-click-launch): `authoring/items/items/templates/items/ccl.renderings/click-click-launch`

### Frontend starters

- **Rendering host**

### SitecoreAI platform

- **SitecoreAI**

### Other components

- **Developer**
- **Site visitor**

## Connections

- Developer → Next.js starter module: configures (evidence: `README.md`)
- Developer → Content definitions: customizes
- Next.js starter module → Rendering host: runs as
- Content definitions → SitecoreAI: deploys with (evidence: `README.md`)
- Rendering definitions → SitecoreAI: defines renderings
- SitecoreAI → Rendering host: integrates with (evidence: `README.md`)
- Site visitor → Rendering host: views site