> 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/dashboard-builder/site-node.md).

# Site Node

A site node represent any node in the site hierarchy.

### Parameters

| Parameter         | Description                                                                                                                                                                                                                                                                                                                                                                                    | Tutorials / Demos / Sample Code                                                          |
| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- |
| **Node Type**     | <p>Each site node can either be a <strong>Page</strong> or <strong>Label.</strong><br><br>A label is used for grouping site nodes where each child site node can either be a label or a page.</p>                                                                                                                                                                                              |                                                                                          |
| **Page Type**     | A Page can be of two types - **Internal** or **External**. **Internal pages** can be designed using Site Builder's built in page designer. On the other hand **external pages** are consumed from a micro app. External pages are coded by the developers and suitable for those requirements where a page is very complex and so can't be designed using built-in page designer.              |                                                                                          |
| **External Page** | <p>A vuejs component which is loaded from the micro app and which can be used to code any complex page which can't be designed using page designer. <br><br>Must be registered under the (unmanaged) parent team of this site node or under the parent team of this site node's (managed) parent team.</p><p></p><p><strong>This will be visible only when page type is External.</strong></p> |                                                                                          |
| **Layout**        | <p>A vuejs component which which is loaded from a micro app and renders the site nodes under this label within it. </p><p></p><p>Must be registered under the (unmanaged) parent team of this site node or under the parent team of this site node's (managed) parent team.<br><br><strong>This will be visible for a site node of type Label only.</strong></p>                               | <https://github.com/mechcloud/mechcloud-demo-microapp1/tree/main/src/components/layouts> |